码迷,mamicode.com
首页 > 编程语言 > 详细

《JavaScript程序设计》第1课:JS介绍

时间:2015-06-05 00:05:35      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:

1.JavaScript 介绍

前端开发三要素,HTML(描述网页内容),CSS(描述样式),JavaScript(控制网页行为)。JavaScript 为解释型编程语言,运行环境也很广泛。

技术分享

技术分享

JavaScript的引入方法如下:

<!DOCTYPE html>
<html>
<head>
  <title></title>
</head>
<body>

  <!-- 以上代码忽略 -->

  <!-- 需将 javascript 代码放置在 body 标签的最末端 -->
  <!-- 外联文件 -->
  <script src="/javascripts/application.js" type="text/javascript" charset="utf-8" async defer></script>
  <!-- 内嵌代码 -->
  <script>
    console.log(‘>>> Hello, world!‘);
  </script>
</body>
</html>

2.调试器

调试工具都内置于主流浏览器中(Firefox 中需独立下载 Firebug)。更多关于 Google Chrome DevTools 的信息可以在这里找到。

Chrome浏览器调试窗口中常用的几个标签页:

Elements:用于查看页面html代码

NetWork:用于查看页面的网络请求

Sources:用于查看页面所加载的源文件

Timeline:用于查看页面加载JS、页面元素渲染等的时间

Profiles:用于做性能优化的,包括查看CPU执行时间与内存占用

Resources:用于查看保存再本地的一些信息,比如cookie等

Audits:一般用于优化前端页面、加速网页加载速度

Console:Javascript控制台,这个面板可以查看错误信息、打印调试信息(console.log())、写一些测试脚本,还可以当作Javascript API查看用。

更详细的信息你可以参考这里:http://segmentfault.com/a/1190000002439648

3.基本语法

3.1 变量标识符

变量的命名:由字母、下划线()、美元符号($)、数字组成,要以字母、下划线()、美元符号($)符号开头。

3.2 关键字与保留字

JavaScript 在语言定义中保留的字段,这些字段在语言使用中存在特殊意义或功能,在程序编写的过程中不可以当做变量或函数名称使用。无需记忆,报错修改即可。

3.3 字符敏感

字符串的大小写是有所区分的,不同字符指代不同的变量。

3.4 严格模式

使用方法:

<!-- 全局使用 严格 模式 -->
"use strict";
(function(){
  console.log(‘>>> Hello, world!‘);
})()

<!-- 或者在函数内部声明使用 严格 模式 -->
(function(){
  "use strict";
  console.log(‘>>> Hello, world!‘);
})()

严格模式与标准模式的区别:

  • 严格模式下隐式声明或定义变量被禁止
<script>
    function sayHello(){
        a = 1; <!-- 严格模式下会提示错误 -->
    }
</script>
  • 严格模式下对象重名的属性在严格模式下被禁止
<script>
    <!-- 严格模式下会提示错误 --> 
    var obj = {a:1, b:2, a:3};
</script>
  • 严格模式下 arguments.callee() 被禁用
  • 严格模式下 with() 语句
  • 更多限制

3.5 注释

/*
  多行注释,不可嵌套
 */

// 单行注释

 

下一篇:《JavaScript程序设计》第2课:JS类型系统

 

 

 

 

 

《JavaScript程序设计》第1课:JS介绍

标签:

原文地址:http://www.cnblogs.com/chanshuyi/p/4545188.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!