js读书笔记

基本类型的基本函数总结

1、 Boolean()

数据类型 转换为true的值 转换为false的值
Boolean true false
String 任何非空字符串 “”(空字符串)
Number 任何非零数值(包括无穷大) 0和NaN
Object 任何对象 null
Undefined n/a undefined

2、 Number():可以用于任何数据类型

数据类型 返回值
true or false 1和0
数字值 简单传入和返回
null 0
undefined NaN
字符串
对象 a、调用对象valueOf()方法后按上述规则转换;b、若转换结果为NaN,则调用toString()方法后再按上述规则转换

3、parseInt()和parseFloat():专用于字符串

4、 toString():字符串转换函数,null和undefined无此方法

5、 String():字符串转换函数,对null返回“null”,undefined返回“undefined”

  • valueOf()-》toString()-》Number():一元操作符、一元加和减操作符、乘性操作符、减性操作符、有一个操作数是数值,一个操作数是非数值非字符串(对象、布尔值)的加性操作符
  • toString():有一个操作数是字符串,一个操作数是非数值(字符串、对象、布尔值)的加性操作符
  • String():有undefined和null的加性操作符

语句

  1. for-in语句:循环输出的属性名顺序不可预测;先检测null与undefined
  2. label标签,少用
  3. with:将代码的作用域设置到一个特定的对象中,严格模式下不许使用。eg,
    with(location){
var qs = search.substring(1);
var hostName = hostname;
var url = href;
}

等价于:

        var qs = location.search.substring(1);
var hostName = location.hostname;
var url = location.href;
  1. switch语句中比较值时用的是全等操作符

理解函数参数

  1. 函数体内有arguments对象可以访问参数数组。
  2. arguments的值永远与对应命名参数的值保持同步。arguments与命名参数的内存空间独立。
  3. 没有传递值得命名参数将自动被赋予undefined值。
  4. 由于未规定函数参数的数量和类型,故不可以重载

基本类型和引用类型的值

基本类型值:undefined、null、boolean、number、string。按值访问,可以操作保存在变量中的实际值,在内存中占据固定大小的空间,因此被保存在栈内存中

引用类型值:由多个值构成的对象。保存在堆内存中,按引用访问。

Object类型:

创建Object实例方式:

  1. 试用new操作符后跟Object构造函数:
    var person = new Object();
person.name = "Nicholas";
person.age = 29;
  1. 对象字面量表示法:对象定义的一种简写形式,不会调用Object构造函数
    var person =  {
name : "Nicholas",
age : 29
};

对象属性访问:可使用方括号访问,方便属性为变量,或者属性名中包含空格等字符

    alert(person.name);
alert(person["name"]); var propertyName = "name";
alert(person[propertyName]); person["first name"] = "Nicholas";

Array类型:

有序列表,可保存不同类型值,可以动态调整大小

创建数组基本方式:

  1. 构造函数
    var colors = new Array();
var colors = new Array(20);
var colors = new Array(3);//创建一个包含3项的数组
var names = new Array("Greg");//创建一个包含1项字符串的数组
var colors = Array(3);//可省略new操作符
  1. 数组字面量表示法:不会调用Array构造函数
    var colors = ["red", "blue","green"];
var names =[];
var values =[1,2];
colors[1] = "black";//用方括号读取数组值
colors[3]="white";//当索引超过现有长度时,数组自动增加其长度

循环(loop), 递归(recursion), 遍历(traversal), 迭代(iterate).

表示“重复”这个含义的词有很多, 比如循环(loop), 递归(recursion), 遍历(traversal), 迭代(iterate).

循环

算是最基础的概念, 凡是重复执行一段代码, 都可以称之为循环. 大部分的递归, 遍历, 迭代, 都是循环.

递归

定义是,根据一种(几种)基本情况定义的算法,其他复杂情况都可以被逐步还原为基本情况.在编程中的特征就是, 在函数定义内重复调用该函数.

例如斐波那契数列, 定义F(0)=1, F(1)=1, 所有其他情况:F(x)=F(x-1)+F(x-2).所有大于1的整数经过有限次的反推之后都可以转换到两种基本情况. 而在编程中, 算法则是这样的:

int F(x)
{
if(x==0 || x==1)
return 1; //这里是退出递归的条件, 以保证在有限次递归后能够得到结果
return F(x-1)+F(x-2); //转化为更为基本的情况, 重复调用自身进行计算
}

迭代

在数学和编程中有不同的含义. 迭代(数学): 在循环的基础上, 每一次循环, 都比上一次更为接近结果.

例如下面是一个迭代的例子.

int result = 0;
for(int i=0; i<10; i++)
result += i; //每一次循环之后, result都更加接近结果45

有很多数学问题, 都是迭代算法, 如牛顿迭代法(求平方根).

迭代(编程): 按顺序访问一个列表中的每一项, 在很多编程语言中表现为foreach语句:

$arr = [1, 2, 3, 4];
foreach($arr as $i)
echo $i;

遍历:

按一定规则访问一个非线性的结构中的每一项, 强调非线性结构(树, 图). 而迭代一般适用于线性结构(数组, 队列).

结论

  • 循环(loop) - 最基础的概念, 所有重复的行为
  • 递归(recursion) - 在函数内调用自身, 将复杂情况逐步转化成基本情况
  • (数学)迭代(iterate) - 在多次循环中逐步接近结果
  • (编程)迭代(iterate) - 按顺序访问线性结构中的每一项
  • 遍历(traversal) - 按规则访问非线性结构中的每一项

这些概念都表示“重复”的含义, 彼此互相交叉, 在上下文清晰的情况下, 不必做过于细致的区分.

Date类型

创建方法:

  • 使用new操作符和Date构造函数
var someDate = new Date("May 25,2016");//会自动调用函数Date.parse()

其他函数:

  • Date.parse("May 25,2016");
  • Date.UTC(2016,4,25,0,0,0);
  • Date.now() //+ new Date()
  • Date.toLocaleString()
  • Date.toString()
  • Date.valueof()

RegExp类型

创建方法:

  • 字面量方法:
var expression = / pattern / flags;

pattern为正则表达式,每个正则表达式都可带一个或多个flags,用以标明正则表达式的行为,flags的可选值有:g(全局),i(不区分大小写),m(多行模式),eg:

    var pattern1 = /[bc]at/i;
var pattern3 = /.at/gi;
  • 使用构造函数创建
    var pattern2 = new RegExp("[bc]at","i");

Function类型:

函数是对象,函数名是一个指向函数对象的指针,不会与某个函数绑定。

    1. function sum(num1,num2){
return num1 + num2;
}
2. var sum = function(num1,num2){
return num1 + num2;
}; //函数表达式定义法,function关键字后没有函数名,因为可通过变量sum引用,另注意函数末尾有个分号
3. 使用构造函数定义
var sum = new Function ("num1","num2","return num1 + num2");

js读书笔记的更多相关文章

  1. d3.js读书笔记-1

    d3.js入门 d3入门 D3是一个强大的数据可视化工具,它是基于Javascript库的,用于创建数据可视化图形.在生成可视化图形的过程中,需要以下几步: 把数据加载到浏览器的内存空间: 把数据绑定 ...

  2. 了不起的Node.js读书笔记

    原文摘自我的前端博客,欢迎大家来访问 http://www.hacke2.cn 第二章 Js概览 基于GoogleV8引擎 Object.keys(o) 数组方法:遍历forEach.过滤filter ...

  3. d3.js读书笔记-2

    比例尺 比例尺基本内容 比例尺是一组把输入域映射为输出范围的函数.任意数据集中的值不可能恰好与图表中的像素尺度一一对应.比例尺就是把这些数据值映射为可视化图形中使用的新值的便捷手段.D3的比例尺就是那 ...

  4. Node.js高级编程读书笔记Outline

    Motivation 世俗一把,看看前端的JavaScript究竟能做什么. 顺便检验一下自己的学习能力. Audience 想看偏后台的Java程序员关于前端JavaScript的认识的职业前端工程 ...

  5. JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记3

    技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是[JavaScript实战----JavaScript.jQuery.HTML5.Node.js实例大全] JavaScript.jQuer ...

  6. JavaScript、jQuery、HTML5、Node.js实例大全-读书笔记2

    技术很多,例子很多,只好慢慢学,慢慢实践!!现在学的这本书是[JavaScript实战----JavaScript.jQuery.HTML5.Node.js实例大全] JavaScript.jQuer ...

  7. 读书笔记 - js高级程序设计 - 第十五章 使用Canvas绘图

    读书笔记 - js高级程序设计 - 第十三章 事件   canvas 具备绘图能力的2D上下文 及文本API 很多浏览器对WebGL的3D上下文支持还不够好   有时候即使浏览器支持,操作系统如果缺缺 ...

  8. 读书笔记_MVC__关于通过js构建ORM,实现Model层

    最近一直在学习MVC构建富应用的WEB程序,自己一直对MVC的设计模式理解的不是十分透彻,终于在研读了github上Spine的源码之后,对构建Model层有了一点自己的理解. 本文仅为个人理解,如有 ...

  9. 《javascript权威指南》读书笔记——第二篇

    <javascript权威指南>读书笔记——第二篇 金刚 javascript js javascript权威指南 今天是今年的196天,分享今天的读书笔记. 第2章 词法结构 2.1 字 ...

随机推荐

  1. SSH之免密码登录

    我的虚拟机: 192.168.91.130  test1 192.168.91.131  test2 192.168.91.132  test3 1.首先在test1上生成秘钥对 之后会生成.shh/ ...

  2. android setDestinationInExternalPublicDir 下载到SD卡根目录

    一:setDestinationInExternalPublicDir(“Trinea”, “MeiLiShuo.apk”);表示设置下载地址为sd卡的Trinea文件夹,文件名为MeiLiShuo. ...

  3. 关于android的日志输出&LogCat

    android提供了自己的log输出api-->位于android.util.Log这个类中. 这个类比较常用的打印日志的方法有5个,这5个方法都会把日志打印到LogCat中: Log.v(ta ...

  4. Eclipse下还原删除的文件

    做项目的时候,不小心把Eclipse下的么个文件删除了,虽然有svn但是最新修改的代码没有提交,怎么办,在网上查了下,eclipse是可以还原删除文件的.具体做法如下所示 恢复删除的文件 1 在项目上 ...

  5. 今天主要推荐一下django学习的网址!

    前言:每个月忙碌的头20天后,在上班时间投入到django理论学习的过程中,花了差不多3天时间简单的研究了一下django,着实废了我不少脑细胞. 采用虫师前辈的一张图和话: 如果你把这过程梳理清晰了 ...

  6. 跨云应用部署第一步:使用IPSEC VPN连接AWS中国版和Windows Azure中国版

    随着公有云的普及,越来越多的客户将关键应用迁移到云端.但是事实证明,没有哪家云服务提供商可以提供100%的SLA,无论是例行维护还是意外中断服务,对于客户的关键应用而言,都会受到不同程度的影响.此外, ...

  7. Linux 系统中僵尸进程

    Linux 系统中僵尸进程和现实中僵尸(虽然我也没见过)类似,虽然已经死了,但是由于没人给它们收尸,还能四处走动.僵尸进程指的是那些虽然已经终止的进程,但仍然保留一些信息,等待其父进程为其收尸.配图源 ...

  8. 第一次打开Photoshop时的基本设置

    1.自定义工作区,自定义快捷键: (1)PS备份自定义工作区文件: C:\Users\smyhvae\AppData\Roaming\Adobe\Adobe Photoshop CC 2015\Ado ...

  9. AutoCAD2006的安装及CASS7.1的配置破解

    -----本文只限于学习交流,商业用途请支持正版! -----转载请注明:http://www.cnblogs.com/mxbs/p/6193190.html 准备: AutoCAD2006.CASS ...

  10. jquery用一个事件控制另一个事件是否执行(不是删除事件)

    想用click事件控制mouseover事件的执行,如果用删除绑定mouseover事件以后就不能再使用mouseover了,于是只需要设置一个全局变量,并赋值false,当点击click事件,将全局 ...