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); //
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章)的更多相关文章
- 【vue.js权威指南】读书笔记(第一章)
最近在读新书<vue.js权威指南>,一边读,一边把笔记整理下来,方便自己以后温故知新,也希望能把自己的读书心得分享给大家. [第1章:遇见vue.js] vue.js是什么? vue.j ...
- 《JS权威指南学习总结》
JS权威指南学习总结:http://www.cnblogs.com/ahthw/category/652668.html
- 《JS权威指南学习总结--开始简介》
本书共分成了四大部分: 1.JS语言核心 2.客户端JS 3.JS核心参考 4.客户端JS核心参考 其中 <JS权威指南学习总结--1.1语法核心> 是:第一部分JS语言核心 各章节重点 ...
- 《JS权威指南学习总结--1.1语言核心》
1.1语言核心 --本节主要介绍<js权威指南>基础部分各章讲解内容和一些简单的示例 本小节内容: 一.第二章讲解js注释.分号和Unicode,第三章主要讲解js变量和赋值 简单示例: ...
- 《jQuery权威指南》学习笔记之第2章 jQuery选择器
2.1 jQuery选择器概述 2.1.1 什么使选择器 2.1.2 选择器的优势: 代码更简单,完善的检测机制 1.代码更简单 示例2-1 使用javascript实现隔行变色 < ...
- Node.js权威指南学习记录
学习nodeJS权威指南的学习记录 导航: 1.console模块 2.全局变量 3.Buffer对象 4.事件对象 5.网络请求 6.文件操作对象 一. COMMON.js的学习.(commonJS ...
- 《JS权威指南学习总结--1.2客户端JS》
1.2客户端JS --本节讲述客户端JS部分各章节的讲述内容 一.第十三章讲述JS代码通过<script>标签来嵌入到HTML文件中. 二.第十四章讲解WEB浏览器脚本技术,并涵盖客户端J ...
- 《JS权威指南学习总结--第7章 数组》
内容要点: 一. JS数组是无类型的:数组元素可以是任意对象,并且同一个数组中的不同元素也可能有不同的类型.数组的元素甚至也可能是对象或其他属性,这允许创建复制的数据结构,如对象的数组和数组的数组. ...
- 【vue.js权威指南】读书笔记(第二章)
[第2章:数据绑定] 何为数据绑定?答曰:数据绑定就是将数据和视图相关联,当数据发生变化的时候,可以自动的来更新视图. 数据绑定的语法主要分为以下几个部分: 文本插值:文本插值可以说是最基本的形式了. ...
随机推荐
- Fabric项目学习总结
1.Hyperledger Fabric的基本架构 2.PKI机制
- Kubernetes容器云平台建设实践
[51CTO.com原创稿件]Kubernetes是Google开源的一个容器编排引擎,它支持自动化部署.大规模可伸缩.应用容器化管理.伴随着云原生技术的迅速崛起,如今Kubernetes 事实上已经 ...
- 从SpringBoot构建十万博文聊聊高并发文章浏览量设计
前言 在经历了,缓存.限流.布隆穿透等等一系列加强功能,十万博客基本算是成型,网站上线以后也加入了百度统计来见证十万+ 的整个过程. 但是百度统计并不能对每篇博文进行详细的浏览量统计,如果做一些热点博 ...
- 重读《学习JavaScript数据结构与算法-第三版》- 第4章 栈
定场诗 金山竹影几千秋,云索高飞水自流: 万里长江飘玉带,一轮银月滚金球. 远自湖北三千里,近到江南十六州: 美景一时观不透,天缘有分画中游. 前言 本章是重读<学习JavaScript数据结构 ...
- Kafka 系列(五)—— 深入理解 Kafka 副本机制
一.Kafka集群 Kafka 使用 Zookeeper 来维护集群成员 (brokers) 的信息.每个 broker 都有一个唯一标识 broker.id,用于标识自己在集群中的身份,可以在配置文 ...
- vue自定义组件中的v-model简单解释
在使用iview框架的时候,经常会看到组件用v-model双向绑定数据,与传统步骤父组件通过props传值子组件,子组件发送$emit来修改值相比,这种方式避免操作子组件的同时再操作父组件,显得子组件 ...
- Mac 打造开发工作环境
近日公司配的dell笔记本越来越难担重任(主要是CPU太差,本人是Java开发,IDE一编译CPU就100%),于是狠下心入手了一台常规顶配Macbook Pro,现记录新本本的调教过程. Homeb ...
- css3弹性盒子 flex布局
CSS3 弹性盒 1.display:flex 说明: 设置为弹性盒(父元素添加) 2.flex-direction(主轴排列方式) 说明: 顺序指定了弹性子元素在父容器中的位置 row 默认在一行内 ...
- 第五章 函数day2
5.2函数小高级 5.2.1 函数当参数 1 函数也可以当返回值 def v(dar): v = dar() def n (): print(444) v(n) # 实例2 def v(): prin ...
- C#开发BIMFACE系列5 服务端API之文件直传
BIMFACE使用了分布式对象存储来存储用户上传的模型/图纸文件.如使用普通的文件上传接口, 文件流会通过BIMFACE的服务器,再流向最终的分布式存储系统,整个上传过程会受BIMFACE服务器的带宽 ...