Js-w3school(2020(1),自学前端【附源码】_mb6130d4dc68fda

1.JavaScript 变量能够保存多种数据类型:数值、字符串值、数组、对象等等:

 var length = 7;                             // 数字  var lastName = "Gates";                      // 字符串  var cars = ["Porsche", "Volvo", "BMW"];         // 数组  var x = {firstName:"Bill", lastName:"Gates"};    // 对象  

2.JavaScript 拥有动态类型。这意味着相同变量可用作不同类型

3. JavaScript 字符串值

字符串(或文本字符串)是一串字符(比如 “Bill Gates”)。字符串被引号包围。您可使用单引号或双引号

4. JavaScript 只有一种数值类型。写数值时用不用小数点均可

超大或超小的数值可以用科学计数法来写

 var y = 123e5;      // 12300000  var z = 123e-5;     // 0.00123 

5.布尔值只有两个值:true 或 false

6. JavaScript 数组用方括号书写。数组的项目由逗号分隔。

 var cars = ["Porsche", "Volvo", "BMW"]; 

7.JavaScript 对象用花括号来书写。对象属性是 name:value 对,由逗号分隔

 var person = {firstName:"Bill", lastName:"Gates", age:62, eyeColor:"blue"}; 

8 Undefined 与 null 的值相等,但类型不相等:

 typeof undefined              // undefined  typeof null                   // object  null === undefined            // false  null == undefined             // true 

9.typeof

 typeof "Bill"              // 返回 "string"  typeof 3.14                // 返回 "number"  typeof true                // 返回 "boolean"  typeof false               // 返回 "boolean"  typeof x                   // 返回 "undefined" (假如 x 没有值)  typeof {name:'Bill', age:62} // 返回 "object"  typeof [1,2,3,4]             // 返回 "object" (并非 "array",typeof 运算符把数组返回为 "object",因为在 JavaScript 中数组即对象。  typeof null                  // 返回 "object"  typeof function myFunc(){}   // 返回 "function" 

10.字符字面量

Js-w3school(2020(1),自学前端【附源码】_mb6130d4dc68fda

11.类型转换

转换成字符串: toString() 方法

转换成数字: parseInt() 和 parseFloat()

12. toString()

Boolean 类型的 toString() 方法只是输出 “true” 或 “false”,结果由变量的值决定

Number 类型的 toString() 方法比较特殊,它有两种模式,即默认模式和基模式。采用默认模式,toString() 方法只是用相应的字符串输出数字值(无论是整数、浮点数还是科学计数法)基只是要转换成的基数的另一种加法而已,它是 toString() 方法的参数:

 var iNum = 10;  alert(iNum.toString(2));    //输出 "1010"  alert(iNum.toString(8));    //输出 "12"  alert(iNum.toString(16));   //输出 "A" 

13 parseInt()

 var iNum1 = parseInt("12345red");   //返回 12345  var iNum1 = parseInt("0xA");    //返回 10  var iNum1 = parseInt("56.9");   //返回 56  var iNum1 = parseInt("red");    //返回 NaN 

其他进制

 var iNum1 = parseInt("AF", 16); //返回 175  var iNum1 = parseInt("10", 2);  //返回 2  var iNum2 = parseInt("10", 8);  //返回 8  var iNum3 = parseInt("10", 10); //返回 10 

14.parseFloat()

 var fNum1 = parseFloat("12345red"); //返回 12345  var fNum2 = parseFloat("0xA");  //返回 NaN  var fNum3 = parseFloat("11.2"); //返回 11.2  var fNum4 = parseFloat("11.22.33"); //返回 11.22  var fNum5 = parseFloat("0102"); //返回 102  var fNum1 = parseFloat("red");  //返回 NaN 

15.强制类型转换

Boolean(value) – 把给定的值转换成 Boolean 型;

Number(value) – 把给定的值转换成数字(可以是整数或浮点数);

String(value) – 把给定的值转换成字符串;

16.引用类型

引用类型通常叫做类(class),也就是说,遇到引用值,所处理的就是对象

对象是由 new 运算符加上要实例化的对象的名字创建的。例如,下面的代码创建 Object 对象的实例:var o = new Object();//当没有参数,括号可以省略

17.Boolean 对象

Boolean 对象是 Boolean 原始类型的引用类型。

要创建 Boolean 对象,只需要传递 Boolean 值作为参数

 var oBooleanObject = new Boolean(true); 
 var oBooleanObject = new Boolean(false); 

这两种oBooleanObject都是默认true

18.Number对象

正如你可能想到的,Number 对象是 Number 原始类型的引用类型。要创建 Number 对象,采用下列代码:

 var oNumberObject = new Number(68); 

(1)取值:要得到数字对象的 Number 原始值,只需要使用 valueOf() 方法:

 var iNumber = oNumberObject.valueOf(); 

(2)小数位数:toFixed() 方法返回的是具有指定位数小数的数字的字符串表示。例如:

 var oNumberObject = new Number(68);  alert(oNumberObject.toFixed(2));  //输出 "68.00" 

(3)科学计数法:与格式化数字相关的另一个方法是 toExponential(),它返回的是用科学计数法表示的数字的字符串形式。与 toFixed() 方法相似,toExponential() 方法也有一个参数,指定要输出的小数的位数。例如:

 var oNumberObject = new Number(68);  alert(oNumberObject.toExponential(1));  //输出 "6.8e+1" 

(4)有效位数:toPrecision() 方法根据最有意义的形式来返回数字的预定形式或指数形式。它有一个参数,即用于表示数的数字总数(不包括指数)。例如,

 var oNumberObject = new Number(68);  alert(oNumberObject.toPrecision(1));  //输出 "7e+1" 

这段代码的任务是用一位数字表示数字 68,结果为 “7e+1”,以另外的形式表示即 70。的确,toPrecision() 方法会对数进行舍入。不过,如果用 2 位数字表示 68,就容易多了:

 var oNumberObject = new Number(68);  alert(oNumberObject.toPrecision(2));  //输出 "68" 

分享

CodeChina开源项目:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

Js-w3school(2020(1),自学前端【附源码】_mb6130d4dc68fda

Js-w3school(2020(1),自学前端【附源码】_mb6130d4dc68fda

本站由小牛团队全力维护,小牛十年了,大家已经步入中年 。本站源码全部经过团队成员测试并调试,价格可能比其它网站略贵几元钱,不解释!
小牛资源 » Js-w3school(2020(1),自学前端【附源码】_mb6130d4dc68fda

发表评论

全站资源亲测可用,价格略高几元,不解释

立即查看 了解详情