写点什么

JavaScript 基础知识

作者:喜羊羊
  • 2022 年 9 月 09 日
    河南
  • 本文字数:3188 字

    阅读完需:约 10 分钟

JavaScript 基础知识

1.编写位置


2.基本语法


3.字面量与变量


4.标识符


5.字符串


6.Number


7.布尔值


8.Null 与 Undefined


9.强制类型转换-String


10.强制类型转换-Number


11.其他进制的数字


12.转换为 Boolean


1.编写位置 First:


JS 代码需要编写到 script 标签中


js 代码是从上到下一行一行执行的


    /*     * 控制浏览器弹出一个警告框     * alert  alert("")会在浏览器中弹出     */    alert("这是我的第一行js代码,6666");

/* * 让计算机在网页中输出一个内容 * document.write("")可以向body中输出一个内容 */ document.write("网页显示内容");

/* console.log("")的作用是向控制台输出一个内容 */ console.log("在控制台出现的内容");
复制代码


虽然可以写在标签的属性中,但是他们属于结构与行为耦合,不方便维护,不推荐使用


1.可以将 js 代码编写到 onclick 属性中, 当点击按钮时,js 代码才会执行


2.可以将 js 代码写在超链接的 href 属性中,这样点击超链接是,会执行 js 代码


<button onclick="alert('恭喜你,获得小可爱一只!');">点击这个按钮</button>


<a href="javascript:alert('ohhhhh~')">点击这个超链接</a>


可以将 js 代码编写到外部 js 文件中,然后通过 script 标签引入


写到外部文件中可以在不同的页面中同时引用,也可以利用到浏览器的缓存机制,


推荐使用的方式


script 标签,一旦引入外部文件了,就不能再编写代码了,即使编写了浏览器也会忽略


如果需要则可以再创建一个新的 script 标签用于编写内部代码


2.基本语法/* */


js 注释 多行注释,注释中的内容不会被执行,但是可以在源代码中查看


//单行注释


1.js 中严格区分大小写


2.js 中每一条语句以分号(;)结尾


如果不写分号,浏览器会自动添加,但是会消耗一些系统资源


而且有些时候,浏览器会加错分号,所以在开发中分号必须写


3.js 中会忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化


3.字面量与变量字面量:都是一些不可能改变的·值


            字面量都可以直接使用,但是我们一般不会直接使用字面量
变量:变量可以保存字面量,而且变量的值是可以任意改变的
变量更加方便我们使用,所以在开发中都是通过变量去保存一个字面量
很少直接使用字面量
可以通过变量对字面量进行描述
复制代码


声明变量


在 js 中使用 var 关键字来声明一个变量


为变量赋值
var a;
a=123;
a=456;
console.log(a);
声明和赋值同时进行
var b = 789;
console.log(b);
复制代码


4.标识符标识符


    在js中所有的可以由我们自主命名的都可以称为是标识符
例如:变量,函数名,属性名都属于标识符
命名一个标识符时需要遵守如下的规则:
1 标识符中可以含有字母,数字,下划线,$
2 标识符不能以数字开头
3 标识符不能是ES中的关键字或者保留字
4 标识符一般采用驼峰命名法
首字母小写,每个单词的开头字母大写,其余字母小写
js底层保存标识符实际上是采用unicode编码
复制代码


5.字符串数据类型指的就是字面量的类型


        在js中一共有六种数据类型
String 字符串
Number 数值
Boolean 布尔值
Null 空值
Undefined 未定义
Object 对象
其中String Number Boolean Null Undefined属于基本数据类型
而Object属于引用数据类型
复制代码


String 字符串


        在js中需要使用引号引用起来
使用双引号或者单引号可以,但是不能混着用
引号不能嵌套,双引号不能放双引号,单引号不能放单引号
复制代码


在字符串中可以使用\作为转义字符


6.Number 在 js 中所有的数值都是 Number 类型


    包括整数和浮点数(小数)
js中可以表示数字的最大值
Number.MAX_VALUE
1.7976931348623157e+308
Number.MIN_VALUE的值为5e-324
如果使用Number表示的数字超过了最大值,则会返回一个Infinity,表示正无穷
-Infinity表示负无穷
使用typeof检查Infinity也会返回Number
NaN 是一个特殊的数字,表示Not A Number
使用typeof检查NaN也会返回Number
复制代码


可以使用一个运算符 typeof


        来检查一个变量的类型
语法:typeof 变量
检查字符串时,会返回string
检查数值时,会返回number,
复制代码


注意:


在 js 中的整数运算基本可以保证精确


所以千万不要使用 js 进行精确度比较高的运算


7.布尔值 Boolean 布尔值


     布尔值只有两个,主要用来做逻辑判断
true
表示真
false
表示假
使用typeof检查一个布尔值时,会返回boolean
复制代码


var a = false;console.log(a);


var b = true;console.log(b);8.Null 与 UndefinedNull(空值)类型的值只有一个,就是 null


    null这个值专门用来表示一个为空的对象
使用typeof检查一个null值时,会返回object
Undefined(未定义)类型的值只有一个,就是undefined
当声明一个变量,但是并不给变量赋值时,它的值就是undefined
使用typeof检查undefined也会返回undefined
复制代码


9.强制类型转换-String 将其他的数据类型转换为 String


        方式一:
调用被转数据类型的toString()方法
该方法不会影响到原变量,它会将转换的结果返回
但是注意,null和undefined这两个值没有toString()方法
如果调用他们的方法,会报错
方法二:
调用String()函数,并将被转换的数据作为参数传递给函数
使用String()函数做强制类型转换时,
对于Number和Boolean实际上就是调用的toString()方法
但是对于null和undefined,就不会调用toString()方法
它会将null直接转换为"null"
将undefined直接转换为"undefined"
var a = 123; a=toString(); // console.log(typeof a); a=true; a=a.toString(); console.log(typeof a);
复制代码


10.强制类型转换-Number 将其他类型的数据转换成 Number 类型


    转换方式一:
使用Number()函数
字符串->数字
1.如果是纯数字的字符串,则直接将其转换为数字
2.如果字符串中有非数字的内容,则转换为NaN
3.如果字符串是一个空串或者是一个全是空格的字符串,则转换为0
布尔->数字
true转成1
false转成0
null->数字 0
undefined->数字NaN
转换方式二:
这种方式专门用来对付字符串
parseInt()把一个字符串转换为一个整数
parseInt()把一个字符串转换为一个浮点数
var a = "123"; // a=Number(a); // console.log(typeof a);
// console.log(a); a=parseInt(a); // console.log(typeof a); // console.log(a);
a=true; a=parseInt(a); console.log(a);
复制代码


11.其他进制的数字在 js 中,如果需要表示 16 进制的数字,则需要以 0x 开头


        如果需要表示8进制的数字,则需要以0开头
如果需要表示2进制的数字,则需要以0b开头
var a; a=0x10; a=0x66; a=0xff; a=070;
a=0b10;
a=parseInt(a);
console.log(typeof a); console.log(a);
复制代码


12.转换为 Boolean 将其他的数据类型转换为 Boolean


        使用Boolean()函数
数字->布尔
除了0和NaN,其余的都是true
字符串->布尔
除了空串,其余的都是true




null和undefined都会转换为false
对象也会转换成true

var a; a=123; a=0; a=NaN; a="11"; a=null; a=undefined; a=Boolean(a); console.log(typeof a); console.log(a);
复制代码


发布于: 刚刚阅读数: 2
用户头像

喜羊羊

关注

还未添加个人签名 2022.09.01 加入

还未添加个人简介

评论

发布
暂无评论
JavaScript 基础知识_9月月更_喜羊羊_InfoQ写作社区