JavaScript基础整理(1)
最近读了《JavaScript权威指南》这本书,闲来无事对自认为重要的知识做了些整理,方便以后查阅。
JavaScript中的最重要的类型就是对象,对象是名/值对的集合,或字符串到值映射的集合。对象是由{}括起来的。
JavaScript对象是一种复合值:它是属性或已命名值的集合。通过"."符号来引用属性值。当属性值是一个函数的时候,称其为方法。通过object.m()来调用
object中的方法。
用对象直接量创建对象:(对象直接量是一个表达式,这个表达式的每次运算都创建并初始化一个新的对象)
var book={ name :"javascript", //name属性的值是"javascript"
fat:true } //fat属性的值是true
通过"."或"[]"来访问对象属性。访问对象的属性有两种方式,用"[]"访问有一个好处,当属性的名称是变化或者是未知的时候,可以用"[]"访问,因为字符串值是动态的可以在运行时改变,而标示符是静态的,必须写死在程序中。如果用"."访问,那么属性名必须是已知的而且是不变的。
book.name //结果 javascript
book["fat"] //结果 true
book.author="flank"; //通过赋值创建一个新属性
book.content={}; // {}是一个空对象,它没有属性
JavaScript同样支持数组(以数字为索引的列表)——数组是特殊对象
var t=[1,2,3,4]; //拥有四个值的数组,由“[]”划定边界
a[3]=5 //通过赋值添加新元素。
数组或对象中都可以包含另一个数组或对象
var points=[ //具有两个元素的数组
{x:0,y:0}, //每个元素都是一个对象
{x:1,y:1}
];
JavaScript是一种面向对象的语言。不严格的讲,这意味着我们不用全局的定义函数去操作不同类型的值,数据类型本身可以定义方法来使用值。
a.sort(); //sort(a)的面向对象的版本 数组是特殊的对象(内置对象),所以它拥有自己的方法。
我们知道,如果book对象的属性不存在,那么获取它的属性会是undefined。但是如果book对象没有定义,也就是"."之前的对象或属性没有定义,
那么就会报错。
在这里如果想要获取未定义对象的属性,会报错
那么如何避免这种错误呢,当然你可以用判断语句。有一种简洁的形式
var len=book && book.a && book.a.length
当book的值是undefined的时候,因为undefined的是假值,所以&&不去计算右操作数。返回undefined的值,做为len的值。
如果book已定义,并且是一个对象,因为对象为真值,所以&&计算右操作数,并把右操作数的计算结果返回作为len的值。
因此,在这个表达式中只有book,book.a都是已定义的(存在的),才会获得length的值,否则获得undefined。
在上述例子中,我们看到book只有一个属性a,"a" in book 语句用来判断属性a是否是book的属性。
那么toString 为什么也是book的属性呢?toString又是从哪来的呢。这个继承属性有点复杂。
在JavaScript中使用实数的时候,常常只是真实值的一个近似表示。
在JavaScript的真实运行环境中
全局对象的属性是全局定义的符号,JavaScript程序可以直接使用。当JavaScript解释器启动时(或者任何web浏览器加载新页面的时候),
它将创建一个新的全局对象,并给它一组定义的初始属性:
全局属性,比如undefined、Infinity和NaN
全局函数,比如isNaN()、parseInt()和eval()
构造函数,比如Date()、RegExp()、String()、Object()、Array()
全局对象,比如Math和JSON
如果代码声明了一个全局变量,这个全局变量就是全局对象的一个属性。(一切都是对象)
到这里我们会问,全局变量是全局对象的属性,那么局部变量是不是也是对象的属性呢?
作用域链——这个很重要。
对象不仅仅是字符串到值的映射,除了可以保持自有的属性,JavaScript对象还可以从一个称为原型的对象继承属性。对象的方法通常是
继承的属性。这种“原型式继承”是JavaScript的核心特征。(这句话不是很理解)
通过new创建对象(内置构造函数):
var o=new Object(); //创建一个空对象,和{}一样
var a=new Array(); // 创建一个空数组,和[]一样
var r=new RegExp("js"); //创建一个可以进行模式匹配的RegExp对象
函数——特殊对象
在JavaScript里,函数即对象,程序可以随意操控它们。比如,JavaScript可以把函数赋值给变量,或者作为参数传递给其他函数。
因为函数就是对象,所以可以给它们设置属性,甚至调用它们的方法。
除了实参之外,每次调用还会拥有另一个值——本次调用的上下文——这就是this关键字的值。
立即执行函数:
JavaScript基础整理(1)的更多相关文章
- JavaScript基础整理(2)
接下来的重点是函数.我们知道函数是特殊的对象. 函数作用域和声明提前.JavaScript中没有块级作用域,只有函数作用域:变量在声明它们的函数体以及这个函数体嵌套的任意 函数体内都要定义. func ...
- JavaScript基础整理
在HTML页面中嵌入JavaScript代码的三种方式 1.内嵌 写在<head>标签或<body>标签中 <script> function displayTim ...
- javascript基础(整理自廖雪峰)
不要使用==比较,始终坚持使用===比较false == 0; //返回true. 这种情况, 它会自动转换数据类型再比较false === 0; //返回false. 建议用这种方式 NaN === ...
- javascript基础(整理自手册网)
变量 person=null; //清空变量 carname="Volvo"; //赋值给未声明的变量, 它将会变成全局变量, 即使在函数内部 window.carnam; //所 ...
- javascript 基础整理
js编码标准 参考 数据类型 注意事项
- JavaScript基础知识整理(2)
15.处理图像 注意:(1)在写js文件时,尽量将函数的声明往后写,将函数调用写在前面,这样能够使代码结构很清晰. (2)一个网页中翻转器一般超过3个,所以使用for循环减少重复使用翻转器代码的次数. ...
- javascript基础入门知识点整理
学习目标: - 掌握编程的基本思维 - 掌握编程的基本语法 typora-copy-images-to: media JavaScript基础 HTML和CSS 京东 课前娱乐 众人皆笑我疯癫,我笑尔 ...
- 一步步学习javascript基础篇(3):Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- Javascript基础回顾 之(三) 面向对象
本来是要继续由浅入深表达式系列最后一篇的,但是最近团队突然就忙起来了,从来没有过的忙!不过喜欢表达式的朋友请放心,已经在写了:) 在工作当中发现大家对Javascript的一些基本原理普遍存在这里或者 ...
随机推荐
- iOS进度条显示
一.实现下载文件进度控制 1.代码示例 1 #import "YYViewController.h" 2 3 @interface YYViewController () 4 @p ...
- SQL查询记录是否在另一个表中存在
1.需求 create table ta(id int);create table tb(id int);insert into ta values(1);insert into ta values( ...
- target file里面的每个string字段的双引号怎么去掉
今天在做一个extract,把数据库里面的表经过一些过程,最终输入到flat file中. 但是最终的结果中,每个target file的string字段,含有双引号如下: NAME_ID NA ...
- 【BZOJ-3275&3158】Number&千钧一发 最小割
3275: Number Time Limit: 10 Sec Memory Limit: 128 MBSubmit: 748 Solved: 316[Submit][Status][Discus ...
- 【BZOJ-4562】食物链 记忆化搜索(拓扑序 + DP)
4562: [Haoi2016]食物链 Time Limit: 10 Sec Memory Limit: 128 MBSubmit: 133 Solved: 112[Submit][Status] ...
- 【BZOJ-3626】LCA 树链剖分
3626: [LNOI2014]LCA Time Limit: 10 Sec Memory Limit: 128 MBSubmit: 1428 Solved: 526[Submit][Status ...
- 【poj2823】 Sliding Window
http://poj.org/problem?id=2823 (题目链接) 题意 维护滑动窗口最大最小值. Solution sb单调队列 代码 // poj2823 #include<algo ...
- [NOIP2014] 普及组
珠心算测验 模拟. 将所有“两个不同数之和”装进桶里,扫描原数组记录满足条件的数的个数. /*by SilverN*/ #include<iostream> #include<alg ...
- C#6.0特性笔记
Visual Studio 2015的C#6.0,今天无意中看这个视频,怕忘记其中的特性,故此进行记录. public class Point { //Getter专属自动属性 public int ...
- codevs 1013 求先序排列(二叉树遍历)
传送门 Description 给出一棵二叉树的中序与后序排列.求出它的先序排列.(约定树结点用不同的大写字母表示,长度<=8). Input 两个字符串,分别是中序和后序(每行一个) Outp ...