js学习要点
js
一、词法结构
1、区分大小写
2、注意 // 单行 /* 多行注释 */
3、字面量(直接量 literal)
12 //数字
5.8 // 小数
"hello"
'hello'
true
/js/gi //正则
null //空
{x:1,y:2}
[1,2,3,4]
4、标示符(变量)和保留字
5、分号可以省略但是可能会产生问题,js会自动补;
var y = x+f
(a+b).toString()
等价于
var y = x+f(a+b).toString();
二、类型、值和变量
1、原始类型 数字、字符串和布尔 null空 undefined未定义
2、对象类型
3、类 Array Function Date RegExp Error
4、js解析器 中集成了垃圾回收
5、任意js的值都可以转为布尔值
undefined
null
0
-0
NaN
"" 都被转换为false
6、包装对象
var s= "hello"; //原始类型 (没有方法)
s.len = 4; //当调用原始类型的属性或方法的时候(原始类型是没有属性和方法的)
//只要引用了字符串的属性或方法,就会调用new String(s)把原始类型,包装成对象
//以后调用s.len 是调用String对象的属性和方法,一旦引用结束,新创建的临时对象会销毁
var n = s.len; //此时为undefined
alert(n);
//调用字符串 布尔 数字的属性或方法时,创建的临时对象。是包装对象
显示定义包装对象 var S = new String("hello")
var s = "hello"; 是不同的
7、==和===
8、类型转换
var n = 17;
alert(n.toString(2)); //二进制 10001
alert(n.toString(8)); // 021
alert(n.toString(16)); // 0x21
alert(n.toString(10)); alert(n.toString());
9、toString() valueOf()
var date = new Date(2011,1,3);
date.valueOf() 返回毫秒数代表的时间
10、js是动态类型 var n = 10; 程序运行期间 才会确定变量的类型
11、变量作用域
函数作用域和声明提前
函数内定义的变量 声明自动提前到函数顶部
12、作用域链scope chain
在不包含函数的函数体内,作用域链有两个对象,第一个是定义函数
参数和局部变量的对象,第二个是全局对象。
在一个嵌套函数体内,作用域链上至少有三个对象。
定义一个函数时,它保存了一个作用域链。调用函数时,它创建一个
新的对象存储它的局部变量,并将这个对象添加到保存的那个作用域链
上,同时创建一个新的更长的表示函数调用作用域的“链”。对于嵌套函数
每次调用外部函数时,内部函数会重新定义一遍。每次调用外部函数的时候
作用域链是不同的。
13、delete in eval void
第五章 语句
第六章 对象
1、对象的基本操作 create set query delete test enumerate
2、对象的属性特性 可写 可枚举 可配置(是否可删除)
3、对象的对象特性
对象的原型 prototype
对象的类 标示对象类型的字符串
对象的扩展标记 是否可添加新属性
//创建对象的三种方法
4、对象直接量
var empty = {};
var point = {x:0,y:0};
5、new创建对象
var o = new Object(); //空对象 和{}一样
var a = new Array();
6、Object.create()
var o1 = Object.create({x:1,y:2}); //o1 继承自对象原型{x:1,y:2}
var o2 = Object.create(null); //o2不继承任何属性和方法
var o3 = Object.create(Object.prototype);
//空对象和 {} new Object()一样
7、属性的操作 作为关联数组的对象
object.property
object["property"] 散列 映射 字典 关联数组
8、继承
js的继承只能从父类获取属性的值,而不能修改原型链
如果对象book为null或undefined
book.subtitle.length会报错
解决方法
var len = book && book.subtitle && book.subtitle.length;
删除属性
delete book.subtitle
检测属性 in hasOwnPreperty() propertyIsEnumerable()
var o = {x:1};
"x" in o
"toString" in o
hasOwnPreperty();判断属性是否是自己的。继承属性返回false
propertyIsEnumerable() 只有是自有属性,并可枚举
获取所有属性
Object.keys()
Object.getOwnPropertyNames()
9、属性getter和setter
var o = {
x: 0,
y: 1,
set r(value) { value = this.r;},
get r() { return this.x + this.y;}
};
x数据属性,r存取器属性
10、属性的特性 ecmascript5 老的ie不支持如下用法
数据属性的特性:值value 可写性writable
可枚举enumerable
可配置configurable
存取器属性特性:get set
可枚举enumerable
可配置configurable
//返回{value:1,writable:true,emunerable:true,configurable:true}
Object.getOwnPropertyDescriptor({x:1},x)
//查不到属性 返回undefined
设置属性的特性 不能修改继承的属性特性
Object.defineProperty()
//设置不可枚举属性
var o = {};
Object.defineProperty(o,"x",{
value:1,
writable:true,
emunerable:false,
configurable:true
})
//设置只读
Object.defineProperty(o,"x",{writable:false})
修改多个属性特性
Object.defineProperties()
扩展Object.prototype 书 P137
11、对象的三个属性
prototype class extensible attribute
查询对象的原型
ecmascript5中 Object.getPrototypeOf(o1)
ecmascript3中 o1.constructor.prototype
通过对象直接量或new Object()方式创建的对象
包含一个constructor的属性,指Object()的构造函数
constructor.prototype才是真正的原型
p.isPrototypeOf(o)检测对象p是否是o的原型
//获取对象的类型 字符串
Object.prototype.toString.call(o1).slice(8,-1)
12、对象的可扩展性
对象是否可以新加属性
Object.preventExtensions() 设置对象不可扩展
Object.isExtensible()
Object.seal() 除了将对象设置为不可扩展,还将属性设置为不可配置
Object.freeze()
除了将对象设置为不可扩展,将属性设置为不可配置,还把属性设置为只读
第8章 函数
1、函数调用,方法调用
function t(){ }
t(); 函数调用 this是全局对象 严格模式下是undefined
var o = {a:function(){}};
o.a() 方法调用 this是当前调用的对象
2、构造函数调用
var o = new Object(); var o= new Object;
o继承自构造函数的prototype属性 内部的this是此对象
var r = new o.m();中的this不是o
3、P184 函数的执行用到了作用域链,这个作用域链是函数定义的时候创建的。
嵌套的函数f()定义在这个作用域链里,其中的变量scope是局部变量
作用域链
调用s()将创建函数s的执行环境(调用对象),并将该对象置于链表开头,
然后将函数t的调用对象链接在之后,最后是全局对象。然后从链表开头寻找变量name
调用ss() ss() ==> t() ==> window
name="lwy";
function t(){
var name="tlwy";
function s(){
var name="slwy";
console.log(name);
}
function ss(){
console.log(name);
}
s();
ss();
}
t();
每次调用函数,都会生成一个新的作用域链。包括新的内部变量
js学习要点的更多相关文章
- js学习笔记:webpack基础入门(一)
之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...
- js学习之变量、作用域和内存问题
js学习之变量.作用域和内存问题 标签(空格分隔): javascript 变量 1.基本类型和引用类型: 基本类型值:Undefined, Null, Boolean, Number, String ...
- 【Knockout.js 学习体验之旅】(3)模板绑定
本文是[Knockout.js 学习体验之旅]系列文章的第3篇,所有demo均基于目前knockout.js的最新版本(3.4.0).小茄才识有限,文中若有不当之处,还望大家指出. 目录: [Knoc ...
- 【Knockout.js 学习体验之旅】(2)花式捆绑
本文是[Knockout.js 学习体验之旅]系列文章的第2篇,所有demo均基于目前knockout.js的最新版本(3.4.0).小茄才识有限,文中若有不当之处,还望大家指出. 目录: [Knoc ...
- 【Knockout.js 学习体验之旅】(1)ko初体验
前言 什么,你现在还在看knockout.js?这货都已经落后主流一千年了!赶紧去学Angular.React啊,再不赶紧的话,他们也要变out了哦.身旁的90后小伙伴,嘴里还塞着山东的狗不理大蒜包, ...
- js学习篇1--数组
javascript的数组可以包含各种类型的数据. 1. 数组的长度 ,直接用 length 属性; var arr=[1,2,3]; arr.length; js中,直接给数组的length赋值是会 ...
- Vue.js学习笔记(2)vue-router
vue中vue-router的使用:
- NODE.JS学习的常见误区及四大名著
NODE.JS学习的常见误区及四大名著 前段时间由于不满于社区里很多人对于NODE.JS的种种误解而写了一篇文章名为: NODE.JS之我见:http://www.cnblogs.com/pugang ...
- 【C#】第3章学习要点(一)--整体把握
分类:C#.VS2015 创建日期:2016-06-18 使用教材:(十二五国家级规划教材)<C#程序设计及应用教程>(第3版) 一.使用别人已经设计好的类简化你的代码编写工作量 当让你去 ...
随机推荐
- 使用百度云同步盘和Git Extensions进行代码托管
一.软件安装 百度云同步盘和Git Extensions的安装和配置略过. 二.建立Git代码库,以[GHO2VMDK转换工具]项目为例 1. 建立本地代码库 进入[GHO2VMDK转换工具]项目文件 ...
- 2017-05-4-C语言学习笔记
C语言学习笔记... ------------------------------------ Hello C语言:什么是程序:程序是指:完成某件事的既定方式和过程.计算机中的程序是指:为了让计算机执 ...
- Pyspark的HBaseConverters详解
作者:Syn良子 出处:http://www.cnblogs.com/cssdongl/p/7449682.html 转载请注明出处 最近在折腾pyspark的HbaseConverters,由于资料 ...
- sequelizejs中文文档(一)
英文文档 入门 安装 Sequelize 支持 NPM 和 Yarn 的安装. // Using NPM $ npm install --save sequelize # And one of the ...
- Windows下JNI的使用教程
JNI的使用大致有以下4个步骤: 一.在Java中写native方法 二.用javah命令生成C/C++头文件 三.写对应的C/C++程序实现头文件中声明的方法,并编译成库文件 四.在Java中加载这 ...
- webpack常见的配置总结 ---只是一些常见的配置
早期的构建工具grunt ,gulp 帮助我们配置一些开发环境,省去一些我们调试和重复的工作 现在我们的构建工具一般是webpack ,目前建议大家用3.0以上的版本 现在市场上比较优秀的构建工具,个 ...
- Java类加载原理解析
详见:http://blog.yemou.net/article/query/info/tytfjhfascvhzxcyt229 2 Java虚拟机类加载器结构简述 2.1 JVM三 ...
- [UWP]使用WriteableBitmap创建HSV色轮
1. HSV 1.1 HSV的定义 HSV都是一种将RGB色彩模型中的点在圆柱坐标系中的表示法,这种表示法试图做到比RGB基于笛卡尔坐标系的几何结构更加直观.HSV即色相.饱和度.明度(英语:Hue, ...
- JavaScript 父子页面相互调用总结
父子页面相互调用是一个在开发中经常遇到的问题,但是没有找到过比较全面的文章介绍.在此总结下来,供大家参考. 四种方式 一般情况下,我们可以使用iframe.window的open.showModalD ...
- Socket通信中AF_INET 和 AF_UNIX域的区别
转载:http://blog.csdn.net/sandware/article/details/40923491 1. AF_INET域socket通信过程 典型的TCP/IP四层模型的通信过程. ...