《JavaScript DOM 编程艺术》读书笔记之JavaScript 语法


Posted in Javascript onJanuary 09, 2015

注释
        单行注释://

        多行注释:/* */

        "<!--"可以用作单行注释,由于和HTML的"<!--  -->"多行注释类似,容易混淆,所以不建议这种注释方法

变量
       在JavaScript 语言里,变量和其他语法元素的名字都是区分字母大小写的。名字mood的变量与名字是Mood、MOOD或mOOd的变量没有任何关系,它们不是同一个变量。

       JavaScript 语法不允许变量名中包含空格或标点符号("$"例外)。

       JavaScript 变量名允许包含字母、数字、美元符号和下划线(但第一个字符不允许是数字)。

       另一种方式是使用驼峰格式,删除中间的空白(下划线),后面的每个新单词改用大写字母开头:var myMood = "happy";

数据类型

      字符串
      字符串必须包括在引号中,单引号或双引号都可以。你可以随意选择引号,但最好是根据字符串所包含的字符来选择。如果字符串包含双引号,就把整个字符串放在单引号里,反之亦然:

      var mood = "don't ask";

      如果想在上面这条语句中使用单引号,就必须保证字母"n"和"t"之间的单引号能被当成这个字符串的一部分。这种情况下我们需要对这个字符进行转义。在JavaScript里用反斜线对字符进行转义:

      var mood = 'don\'t ask';

数组
      关联数组
      传统数组:每个元素的下标是一个数字,每增加一个元素,这个数字就一次增加1。

      如果在填充数组时只给出了元素的值,这个数组就将是一个传统数组,它的各个元素的下标将被自动创建和刷新。

      可以通过在填充数组时为每个新元素明确地给出下标来改变这种默认的行为。在为新元素给出下标时,不必局限于使用整数数字。你可以使用字符串:

      var lemon = Array();

      lemon["name"] = "John";

      lemon["year"] = 1940;

      lemon["living"] = false;

      这样的数组叫做关联数组。由于可以使用字符串代替数字值,因而代码更具有可读性。但是,这种用法并不是一个好习惯,不推荐大家使用。本质上,在创建关联数组时,你创建的是Array对象的属性。在JavaScript 中,所有的变量实际上都是某种类型的对象。比如,一个布尔值就是一个Boolean类型的对象。在上面这个例子中,你实际上是给lemon数组添加了name、year和living三个属性。在理想情况下,你不应该修改Array对象的属性,而应该使用通用的对象(Object)。

对象

 var lemon = Object();

 lemon.name = "John";

 lemon.year = 1940;

 lemon.living = false;

 lemon对象也可以写成下面这样:

 var lemon = {name:"John", year:1940, living:false};

比较操作符

       相等操作符==并不表示严格相等,这一点很容易让人犯糊涂。例如,比较false与一个空字符串会得到什么结果?

       var a = false;

       var b = "";

       if(a == b){

          alert("a equals b");

       }

       这个条件语句的求值结果是true,为什么?因为相等操作符==认为空字符串与false的含义相同。要进行严格比较,就要使用另一种等号(===)。这个全等操作符会执行严格的比较,不仅比较值,而且会比较变量的类型。

      当然,对于不等操作符!=也是如此。如果想比较严格不相等,就要使用!==。

Javascript 相关文章推荐
jquery+ashx无刷新GridView数据显示插件(实现分页、排序、过滤功能)
Apr 25 Javascript
js获取键盘按键响应事件(兼容各浏览器)
May 16 Javascript
jquery parent和parents的区别分析
Oct 02 Javascript
javascript正则匹配汉字、数字、字母、下划线
Apr 10 Javascript
IE中的File域无法清空使用jQuery重设File域
Apr 24 Javascript
jQuery基于当前元素进行下一步的遍历
May 20 Javascript
jquery实现简单实用的轮播器
May 23 jQuery
AngularJS 表单验证手机号的实例(非必填)
Nov 12 Javascript
了解javascript中let和var及const关键字的区别
May 24 Javascript
小程序按钮避免多次调用接口和点击方案实现(不用showLoading)
Apr 15 Javascript
JavaScript/TypeScript 实现并发请求控制的示例代码
Jan 18 Javascript
详解JSON.parse和JSON.stringify用法
Feb 18 Javascript
《JavaScript DOM 编程艺术》读书笔记之JavaScript 简史
Jan 09 #Javascript
javascript获取四位数字或者字母的随机数
Jan 09 #Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 #Javascript
JavaScript Math.ceil 方法(对数值向上取整)
Jan 09 #Javascript
封装好的js判断操作系统与浏览器代码分享
Jan 09 #Javascript
JavaScript Math.floor方法(对数值向下取整)
Jan 09 #Javascript
使用javascript实现json数据以csv格式下载
Jan 09 #Javascript
You might like
重料打造自己的“宝马”---第三代
2021/03/02 无线电
Yii2 ActiveRecord多表关联及多表关联搜索的实现
2016/06/30 PHP
用js查找法实现当前栏目的高亮显示的代码
2007/11/24 Javascript
javascript中字符串拼接需注意的问题
2010/07/13 Javascript
JS date对象的减法处理实现代码
2010/12/28 Javascript
Jquery知识点三 jquery表单对象操作
2011/01/17 Javascript
javascript结合html5 canvas实现(可调画笔颜色/粗细/橡皮)的涂鸦板
2013/04/27 Javascript
JQuery插件开发示例代码
2013/11/06 Javascript
HTML页面登录时的JS验证方法
2014/05/28 Javascript
Egret引擎开发指南之运行项目
2014/09/03 Javascript
jQuery实现最简单实用的分秒倒计时
2017/02/05 Javascript
hammer.js实现图片手势放大效果
2017/08/29 Javascript
详解vue.js之props传递参数
2017/12/12 Javascript
ES6/JavaScript使用技巧分享
2017/12/14 Javascript
AngularJs返回前一页面时刷新一次前面页面的方法
2018/10/09 Javascript
微信小程序实现传递多个参数与事件处理
2019/08/12 Javascript
Vue 用Vant实现时间选择器的示例代码
2019/10/25 Javascript
[01:04]不如跳舞!DOTA2新英雄玛尔斯的欢乐日常
2019/03/11 DOTA
matplotlib设置legend图例代码示例
2017/12/19 Python
python实现画圆功能
2018/01/25 Python
Python if语句知识点用法总结
2018/06/10 Python
Win10环境中如何实现python2和python3并存
2020/07/20 Python
python基于exchange函数发送邮件过程详解
2020/11/06 Python
Python hashlib和hmac模块使用方法解析
2020/12/08 Python
Python爬虫制作翻译程序的示例代码
2021/02/22 Python
全球酒店比价网:HotelsCombined
2017/06/20 全球购物
Needle & Thread官网:英国仙女品牌
2018/01/13 全球购物
西班牙土拨鼠床垫公司,感觉在云端:Marmota
2019/03/18 全球购物
师范毕业生个人求职信
2013/12/09 职场文书
研究生毕业自我鉴定范文
2014/03/27 职场文书
幼儿园教师求职信
2015/03/20 职场文书
摩登时代观后感
2015/06/03 职场文书
浅谈Python 中的复数问题
2021/05/19 Python
Redis做数据持久化的解决方案及底层原理
2021/07/15 Redis
Vue组件更新数据v-model不生效的解决
2022/04/02 Vue.js
Hive常用日期格式转换语法
2022/06/25 数据库