JS权威指南需要注意的知识点(1-6章)

客官快来看一看了，都给你浓缩好了，确定不进来搂一眼嘛，走过路过不要错过哟

in运算符

　　in运算符希望它的左操作数是一个字符串或可以转化为字符串，希望它的右操作数是一个对象，如果右侧的对象拥有一个名为左操作数值的属性名，则表达式返回true，否则为fasle　

var obj = {X:1,Y:2}
"X" in obj   // true
"Z" in obj  //false
"toString" in obj  //true:对象继承了toString()方法

var data = [7,8,9]
"0" in data   //true: 查找的是下标0
1 in data    //true:查找的下标1    
3 in data    //  fasle: 下标3不存在
"toString" in obj  //true:对象继承了toString()方法

　　注意点：无论是对象还是数组，toString等从原型链上继承的方法也能查找的到，但右操作数为数组时，若为数字或者可转化成数字的字符串则查找的是下标

逻辑与(&&)

　　在赋值的时候需要要特别注意：左假返左，左真返右

let a = false && 1   //a:false
let a = true && false //a:false
let a = true && 1 // a: 1

　　即赋值时&&左边为假，则直接返回左边，不管右边真假都不在继续看右边，若左边为真则直接返回右边，无论右边真假

eval()

　　eval()是js用来解释运行源代码组成的字符串的一个函数，它只接受一个参数，若参数不是字符串则返回该参数，而是字符串则将字符串当做JS源码进行编译。

　　特点：

　　　　使用了调用他的变量作用域环境，并且具有改变局部变量的能力

　　　　直接调用eval时，他会在调用他的上下文作用域执行，而间接调用则会使用全局对象作为其上下文作用域

　　　　严格模式下，只允许eval执行查询或者更改局部变量，不允许新建

delete

　　删除数组元素时并不会改变数组的长度，即相当于将被删除的元素设置为undefined

var

　　var声明的变量无法通过delete删除

　　变量声明语句会进行提升，赋值语句则还在语句原来的位置执行

var a = 12;
delete a;
console.log(a); //12

function

　　函数声明语句会被进行函数声明提升，也就是说可以在一个函数声明之前调用它

if else

　　else总是和就近的if想匹配

for in

　　for in循环遍历时不会遍历对象的所有属性，而只是会遍历所有的可枚举属性，例如toString这种内置方法则并不会被遍历出来

try catch finally

　　不管try抛错不抛错，finally始终会执行

　　　当try由于return，continue，break语句使得解释器跳出try语句块时，解释器在执行新的目标代码时会先执行finally中的逻辑

　如果finally使用了return，continue，break或者throw语句使整个程序发生跳转，不管try是否抛出异常，这个方法仍然会正常返回

with

　　用于临时扩展作用域链，步骤：将扩展的对象添加到作用域链头部，执行语句，然后恢复作用域链。严格模式禁用，非严格模式也不推荐使用，因为会降低性能

　　　with提供了读取对象属性的快捷方案，但是并不能创建对象的属性

use strict

　　意为使用严格模式，只有在实现了ECMAScript的JavaScript解释器中才起作用

　　只能出现在代码的开始或者函数体的开始

　　在严格模式中调用函数的一个this是undefined，而在非严格模式下则为全局对象

　　判断浏览器支持不支持严格模式（即判断有没有实现ECMAScript5）

var hasStrictMode = (function(){
   "use strict";
   return this === undefined  
}())

对象

　　JS对象不仅仅是字符串到值的映射，除了保持自有的属性，JS对象还可以从一个称为原型的对象继承属性，对象的方法通常是继承的方法，这种'原型式继承' 是JS的核心特征。

　　定义对象时,属性名可以是包含空字符串在内的任意字符，但对象中不能存在两个同名的属性

var test = {
     '':123       
}    
console.lof(test[''])    // 123

　　JS对象和属性划分

　　　　内置对象：由ECMAScript规范定义的对象或类，如数组，函数，日期和正则

　　　　宿主对象：由JavaScript解释器所嵌入的宿主环境所定义的，客户端中表示网页结构的HTMLElement对象均是宿主对象

　　　　自定义对象：是由运行中的JavaScript代码创建的对象

　　　　自有属性：是直接在对象中定义的属性

　　　　继承属性：是在对象的原型对象中定义的属性

Object.create()

　　它创建一个新对象，第一个参数是这个对象的原型

　　　创建一个没有原型的对象: Object.create(null)

对象

　　内置构造函数的原型是只读的

delete

　　delete只是断开属性和宿主对象的联系，而不会去操作属性中的属性，例子在下方

　　delete只能删除自有属性，不能删除继承属性（要删除继承属性必须从定义这个属性的原型对象上删除，而且会影响所有继承了这个原型的对象）

　　delete也不可以删除那些可配置性为false的属性

a = {p:{x:1}}
b=a.p
delete a.p
console.log(a)  // 1

枚举属性名称的方法

　　　1. for in 会遍历对象中所有的可枚举属性（包括自有属性和继承属性）

　　　2.object.keys() 返回一个数组，包括可枚举的自有属性

　　　 3.Object.getOwnPropertyNames() 返回所有自有属性的名称

Object.getOwnPropertyDescriptor()

　　获取自有属性的描述符

Object.defineProperty()

　　设置属性的特性，但是只能设置或者修改自有属性

Object.getPrototypeOf()

　　用来查询对象的原型

isPrototypeOf()

　　检测一个对象是否是另一个对象的原型

对象的三个属性

　　　原型属性：用来继承属性的

　　　类属性：是一个字符串，表示对象的类型信息

　　　可扩展性：表示是否可以给对象添加新属性，内置对象和自定义对象是显式可扩展的，但是宿主对象的是否可扩展由JS引擎来决定

JSON

　　1.json的语法是JS语法的子集，它并不能表示JS里面的所有值，支持对象，数组，无穷大数字，true，false，null，并且可以序列化和还原，注意：NAN，Infinity和-Infinity序列化后的结果是null

　　　2.日期对象序列化的结果是ISO格式的日期字符串，但JSON.parse()依旧保留他们的字符串形态，而不会将他们还原为原始日期对象

　　　3.函数，RegExp对象和Error对象以及undefined不能序列化

　　　4.JSON.stringify()只能序列化对象的可枚举的自有属性（即调用Object.keys()所列出的）

toString()

　　注意：

var test = {a:1,b:2}.toString()
console.log(test)    // [object Object]

　　由于这种默认的toString()并不会携带很多有用的信息，有很多类都携带着自定义的toString(),例如Array.toString(),Date.toString(),以及Function.toString()等

toLocaleString()

　　返回一个表示这个对象的本地化字符串，Object中默认的toLocaleString()方法并不做任何本地化自身的操作，仅仅是调用toString()方法并返回对应值，但是Date和Number则对其做了定制，可以用它来对时间，日期，时间做本地化的转换。Array类的toLocaleString()和toString()不同的是每个数组的元素都会调用toLocaleString()方法转化为字符串，而不是调用toString()

JS权威指南需要注意的知识点(1-6章)

猜你喜欢