《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模拟按下回车实现代码
Sep 20 Javascript
KnockoutJS 3.X API 第四章之数据控制流component绑定
Oct 10 Javascript
微信公众号支付H5调用支付解析
Nov 04 Javascript
Webpack打包慢问题的完美解决方法
Mar 16 Javascript
jQuery异步提交表单实例
May 30 jQuery
微信小程序组件 marquee实例详解
Jun 23 Javascript
详解如何构建Angular项目目录结构
Jul 13 Javascript
vue2.0 路由不显示router-view的解决方法
Mar 06 Javascript
VUE引入第三方js包及调用方法讲解
Mar 01 Javascript
vue-cli+axios实现文件上传下载功能(下载接收后台返回文件流)
May 10 Javascript
三分钟教你用Node做一个微信哄女友(基友)神器(面向小白)
Jun 21 Javascript
jQuery实现手风琴效果(蒙版)
Jan 11 jQuery
《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
第五章 php数组操作
2011/12/30 PHP
PHP生成条形图的方法
2014/12/10 PHP
PHP实现基于mysqli的Model基类完整实例
2016/04/08 PHP
非集成环境的php运行环境(Apache配置、Mysql)搭建安装图文教程
2016/04/12 PHP
php插件Xajax使用方法详解
2017/08/31 PHP
js小技巧--自动隐藏红叉叉
2007/08/13 Javascript
Jquery 绑定时间实现代码
2011/05/03 Javascript
JQuery扩展插件Validate—4设置错误提示的样式
2011/09/05 Javascript
输入密码检测大写是否锁定js实现代码
2012/12/03 Javascript
动态创建script在IE中缓存js文件时导致编码的解决方法
2014/05/04 Javascript
关闭页面window.location事件未执行的原因及解决方法
2014/09/01 Javascript
详解Javascript中prototype属性(推荐)
2016/09/03 Javascript
jQuery双向列表选择器select版
2016/11/01 Javascript
面试常见的js算法题
2017/03/23 Javascript
基于JavaScript实现多级菜单效果
2017/07/25 Javascript
使用travis-ci如何持续部署node.js应用详解
2017/07/30 Javascript
react实现菜单权限控制的方法
2017/12/11 Javascript
jQuery实现消息弹出框效果
2019/12/10 jQuery
JQuery常用选择器功能与用法实例分析
2019/12/23 jQuery
ant design vue中表格指定格式渲染方式
2020/10/28 Javascript
Python中使用装饰器时需要注意的一些问题
2015/05/11 Python
Python随机生成手机号、数字的方法详解
2017/07/21 Python
机器学习的框架偏向于Python的13个原因
2017/12/07 Python
python绘制散点图并标记序号的方法
2018/12/11 Python
PyCharm 设置SciView工具窗口的方法
2019/01/15 Python
解决pyqt5异常退出无提示信息的问题
2020/04/08 Python
CSS3 filter(滤镜)实现网页灰色或者黑色模式的代码
2020/11/30 HTML / CSS
伊利莎白雅顿官网:Elizabeth Arden
2016/10/10 全球购物
Herve Leger官网:标志性绷带连衣裙等
2018/12/26 全球购物
《孔子游春》教学反思
2014/02/25 职场文书
三八妇女节趣味活动方案
2014/08/23 职场文书
房屋买卖授权委托书
2014/09/27 职场文书
群众路线问题查摆对照检查材料
2014/10/04 职场文书
物价局领导班子四风问题整改措施
2014/10/26 职场文书
钱塘江大潮导游词
2015/02/03 职场文书
2015国庆节感想
2015/08/04 职场文书