JavaScript--我发现,原来你是这样的JS(基础概念--躯壳,不妨从中文角度看js)
2017-09-12 12:38
661 查看
介绍
这是红宝书(JavaScript高级程序设计 3版)的读书笔记第二篇(基础概念--躯壳篇),有着部分第三章的知识内容,当然其中还有我个人的理解。红宝书这本书可以说是难啃的,要看完不容易,挺厚的,要看懂更不容易,要熟练js更是难,中间需要不断的积累与重温。因此不是读一两遍就能把这书吃透,需要多读,可谓温故而知新,可以为师矣。很多人看这些厚的书都是三天打鱼两天晒网,很少能看下去,能记住的东西往往前3章的内容,所以我写博客就是为了能和大家一起来读这本书,一起学js。
温馨提示:笔记言辞会有主观色彩,知识重点记录。博客内容为基础,适合初学者。
正在转到正题......
基本概念(躯壳篇)
首先要说的,JavaScript是一门高级语言,没错语言,语言就要有一定的语法,接地气的讲就像中文,中文也有一定的语法,比如怎样书写,一撇一划便形成汉字之美,这样就写出大家都懂得汉字。类似的JavaScript也有语法:1.区分大小写
在js中的一切,如变量,函数名,操作符等都区分大小写。 如变量名为test 和 Test 是两个不同的变量。2.标识符(就是自己去定义的名称,如变量,函数名,属性名,参数等)
由字母,下划线(_),美元符号($),和数字组成,且第一个字符不能以数字开头。如3Ta这样的命名是错误的。
命名方式建议使用驼峰式命名:如myFriend。
3.注释
单行注释// 这是单行注释
块级(多行)注释
/* * 这是多行注释 */
4.严格模式
严格模式在ES5中加入,为了增强js代码的安全性和消除js的一些不合理异常的行为。启动严格模式:
//在js中加入use strict 这条字符串 "use strict"
"use strict"加入的位置(哪里想用加哪里):
1.如果需要整个js脚本都使用严格模式就在脚本第一行加入这句话
2.如果在函数中使用严格模式就在函数内部第一行加入这句话。
5.关键字和保留字
这么说吧,关键字和保留字都是一些特定的词,这些词不能在作为标识符使用,也就是你不能用来定义自己的东西,人家有申请专利。就像人家肯德基,你不能再取肯德基了吧,你最多来个肯基基是不是。比如:if,else,do ,while,for ,break,var,let等等,还挺多,这个不用记,多敲代码就自然而然知道了。
6.变量
js是一门弱类型语言,它不像java的强类型,对于每个数据类型的声明都需要指出是什么类型的数据。而js的变量声明就用var这个操作符。//声明一个变量,它可以用来保存任何类型的值,此处没对sum赋值,默认为undefined var sum; //声明一个变量并赋值,此处赋值了字符串 var message = "hello javascript!"; //此处再对message这个变量赋值数字12,是允许的,不会报错 message = 12;
注意点:
1.在没有使用var声明变量时,该变量是属于全局变量。function setAge(){ //没有使用var定义,age为全局变量 age = 10; } //函数外部可以使用age console.log(age); //10
2.在严格模式下,不使用var定义变量会报错。
7.语句
7.1 概念:
到语句了,语句这里ES给出定义:语句以一个分号结尾。这里语句就像中文的一句话,中文以句号结尾。语句可长可短,只要能表达到意思能让人明白意思,对于js语句就要让其解析器明白。(分号可以省略,但是不建议省略分号,避免出现不必要的问题)。例子:
//声明语句 var sum = 1;
插插话:其实一个JavaScript的程序就是语句的集合,解析器一条条读下来一条条解析,你想表达的机器知道了,就执行相应操作,最终做好一件事。是不是感觉写个程序好比一篇理科生作文。
7.2 ECMA-262 规定了一组语句(流程语句)。
这里规定的语句就像的是它给了一组句型你,你通过这些句型能够更好来表达你的程序。看到这你会发现js和java的语法有些相似。常用语句(句型)如下:
1.if语句(条件语句)
/* *if语句模版 *如果if括号condition值为true就执行if后面的代码块,否则执行else后面的代码块 */ if(condition){ //do something } else{ //do something }
2.do-while(循环语句)
/* *do-while语句模版 *do会先执行一次其后面的代码,如果while后面的expression条件为true就会继续执行do后面的代码块 */ do{ //do something }while(expression)
3.while(循环语句)
/* *while模版 *当expression条件为true则执行代码块里的代码 */ while(expression){ //do something }
4.for循环语句
//模板 for(初始值,循环条件,一次循环后执行的代码){ //do something } //for循环例子: var count = 100; for(var i = 0; i<count ; i++ ){ console.log(i); }
5.break 与 continue
break 和 continue都是对循环语句进行精准的控制的语句,break表示中断整个循环,而continue表示中断此次循环下面的代码执行,并跳到下一次的循环。
//break例子 //代码的输出结果是在控制台输出一个0后,结束运行。 var i=0; while(i<10){ console.log(i); i++; break; } //continue例子 //每次遇到continue就会执行下一次循环,而continue后面的alert永远不会被执行,所以控制台会输出0-9,但是alert不会被执行。 var i =0; while(i<10){ console.log(i); i++; continue; alert(i); }
6.switch
switch语句是一种判断语句,通过输入的内容来选择对应的处理方式,用于有限种的判断。
//switch例子 //根据i的值的不同而选择对应的case,每个case后面应加上break作为终结,不然会继续运行下去,直达遇到break。 switch(i){ case 1: console.log(1); break; case 2: console.log(2); break; case 3: console.log(3); break; //default里代码是当没有以上case对应的值时执行,比如5 default: alert("Other"); }
最后小结;
这次笔记,总结了js的基本概念的一部分,我命之为躯壳,为什么说是躯壳,我们可以回顾一下,上面说的内容都是教人识字一样,告诉你们怎么写字(标识符写法,不能用关键字等规则),还有什么是语句(就教你们认识了什么是语句,给出的流程语句有哪些),给人感觉就是只有躯壳一样,那么下一篇便向其注入灵魂。基本概念剩下一部分在下一篇灵魂篇(数据类型和操作符),我不喜欢写太长的博客,太长会觉得冗肿,所以分开来写了。敬请关注。分享这博客能希望大家一起学js,写博客不易,每篇都费很多心思,如果觉得这篇博客写得有点意思,就点个赞吧。
本文出自博客园:http://www.cnblogs.com/Ry-yuan/
作者:Ry
欢迎转载,转载请标明出处
相关文章推荐
- JS--我发现,原来你是这样的JS(二)(基础概念--躯壳篇--不妨从中文角度看js)
- JS--我发现,原来你是这样的JS(三)(基础概念--灵魂篇)
- JavaScript--我发现,原来你是这样的JS:函数表达式和闭包
- JavaScript--我发现!原来你是这样的JS(1)
- JS--我发现,原来你是这样的JS(一)(初识,历史)
- JS--我发现,原来你是这样的JS:面向对象编程OOP[1]--(理解对象和对象属性类型)
- JS--我发现,原来你是这样的JS:面向对象编程OOP[2]--(创建你的那个对象吧)
- js基础--javascript基础概念之数组(二)
- js基础--javascript基础概念之数据类型
- js基础--javascript基础概念之变量与作用域
- js基础--javascript基础概念之数组
- JS--我发现,原来你是这样的JS(四)(看看变量,作用域,垃圾回收机制是啥)
- js基础--javascript基础概念之语法
- JS--我发现,原来你是这样的JS(引用类型不简单[下篇],基本包装类型与个体内置对象)
- js基础--javascript基础概念之String 类型
- js基础--javascript基础概念之语句
- js基础--javascript基础概念之语句(二)
- js基础--javascript基础概念之数据类型
- 【js基础】javascript基础巩固——基础概念&作用域&内存(一)
- JS--我发现,原来你是这样的JS(引用类型不简单[上篇],且听我娓娓道来)