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. MongoDB学习笔记~为IMongoRepository接口更新指定字段

    回到目录 对于MongoDB来说,它的更新建议是对指定字段来说的,即不是把对象里的所有字段都进行update,而是按需去更新,这在性能上是最优的,这当然也是非常容易理解的,我们今天要实现的就是这种按需 ...

  2. Zabbix监控VMare Vcenter

    1.参照Zabbix文档配置 依照官方文档配置,没什么说的. zabbix官方文档:https://www.zabbix.com/documentation/3.2/manual/vm_monitor ...

  3. STM32 KEIL不能输入仿真引脚端口error 65: access violation at 0x40021000 : no 'read' permission

    使用MDK自己创建一个STM32F103ZE核的项目 加入源码后编译,正常,在线仿真单步执行出现如下问题 error 65: access violation at 0x40021000 : no ' ...

  4. hammer.js的六大事件

    1.Pan事件:在指定的dom区域内,一个手指放下并移动事件,即触屏中的拖动事件.这个事件在触屏开发中比较常用: Panstart 拖动开始 Panmove 拖动过程 Panend 拖动结束 Panc ...

  5. java设计模式之中介者模式

    中介者模式 用一个中介对象来封装一系列的对象交互.中介者使各个对象不需要显式地相互引用,从而使其耦合松散,而且可以独立地改变它们之间的交互. 中介者模式UML图 中介者模式代码 package com ...

  6. C#.NET 大型企业信息化系统集成快速开发平台 4.2 版本 - 更优美的Oracle数据库上的代码生成器

    代码生成器进行了改进,针对Oracle数据库生成更优美的代码.这样生成出来的代码,更像微软的风格,更像C#.NET的标准规范,阅读起来也更优美.把Oracle表字段名默认大写, 有_分割等进行了优化, ...

  7. linux解压包

    1.命令格式:tar[必要参数][选择参数][文件] 2.命令功能:用来压缩和解压文件.tar本身不具有压缩功能.他是调用压缩功能实现的 3.命令参数:必要参数有如下:-A 新增压缩文件到已存在的压缩 ...

  8. Struts2:Json插件_Ajax

    lib中加入包 struts2-json-plugin-2.3.20.jar json插件有自己的过滤器.返回类型 WebRoot下新建js文件夹 放入json2.js json2.js是一个著名开源 ...

  9. ES5基础之正则表达式02:范围类、预定义类和边界字符

    1.范围类 //元字符 /* * 正则表达式由两种基本字符类型组成 * 1.原义文本字符:例如123abc * 2.元字符:元字符是在正则表达式中有特殊含义的非字母字符 */ //常见特殊符号:. * ...

  10. Win10升级后回退后无法检测新版本的修复办法

    笔记本原来装的是Win10 10240版本,升级到14393版本后进行了回退.回退后,Win10系统再也检测不到新版本更新了.   解决办法如下: 1.打开注册表:HKEY_LOCAL_MACHINE ...