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. ORA-00600: internal error code, arguments: [kcratr1_lastbwr], [], [], [], [], [], [], []

    今天在PlateSpin Forge(关于PlateSpin相关介绍,请见最下面部分简单介绍) 复制出来的一台数据库服务器上,测试数据库能否正常启动时,遇到了"ORA-00600: inte ...

  2. 关于IPB帧与恒定比特率、动态比特率的详解

    之所以写这篇文章是因为有朋友对IPB帧的设置比较感兴趣,回复中说得比较简单,因此在这里详细的写一下,虽然说一般情况下我们很少去设置这个IPB帧,不过,如果真的学好了,并且清楚的了解了这个IPB帧的概念 ...

  3. 云计算与 OpenStack - 每天5分钟玩转 OpenStack(14)

    “云计算” 算是近年来最热的词了.现在 IT 行业见面不说这三个字您都不好意思跟人家打招呼. 对于云计算,学术界有各种定义,大家有兴趣可以百度一下. CloudMan 这里主要想从技术的角度谈谈对云计 ...

  4. [原创]基于rsync算法的目的性改进-RexSync

    rsync是一种文件差异传输的算法,特点是高效且相似块识别率较高.具体算法这边就不赘述,网上很多,官方文档也描述的很清楚. rsync提高文件比对效率的一个核心算法之一就是rolling checks ...

  5. Linux indent

    一.简介 indent可辨识C的原始代码文件,并加以格式化,以方便程序设计师阅读. 二.选项 http://www.runoob.com/linux/linux-comm-indent.html 三. ...

  6. Ubuntu nginx 配置404错误页面

    1.创建自己的404.html页面: 2.更改nginx.conf在http定义区域加入: /etc/nginx# vim nginx.conf 下添加 fastcgi_intercept_error ...

  7. linux 之静默安装oracle

    Web服务器上面的Linux一般是不会有图形界面的,所有通过图形界面来安装Linux的方式在没有图形界面的Linux上面是行不通的,我们要使用的安装方式叫做Linux的静默安装.即在没有图形界面的Li ...

  8. Android源码阅读-Filter过滤器

    Filter 顺便看看,Android中过滤器是怎么实现的? 注释中提到,Filter一般通过继承Filterable实现 具体实现 这是SimpleAdapter出现的一个过滤首字母item的一个过 ...

  9. 第1章 重构,第一个案例(1):糟糕的statement函数设计

    1. 启航:影片出租,计算每一位顾客的消费金额并打印清单 1.1 场景说明: (1)影片分类规则:普通片.儿童片和新片等3类 (2)每种影片计算租金的方式. ①普通片:基本租金为2元,超过2天的部分每 ...

  10. php 时间加减

    <?php date_default_timezone_set('PRC'); //默认时区 echo "今天:",date("Y-m-d",time() ...