• 现在只需要<script></script>标签
  • javascript通常做法是放在<head>部分中，或者放在页面底部，这样可以把他们安置在同一位置，不会干扰页面内容。
  • JavaScript 使用 Unicode 字符集。
  • 重新声明变量后，变量中的值不会发生丢失。
  • Undefined这个值表示变量不含有值，Null可以用来清空变量。
  • 访问对象属性的两种方式  person.lastName ，person['lastName']
  • === 为绝对相等，即数据类型与值都必须相等。
  • var x = "John";
    
var y = new String("John");
    
typeof x // 返回 String
    
typeof y // 返回 Object    不要创建 String 对象。它会拖慢执行速度，并可能产生其他副作用：
  • x=5+5;       //
    
y="5"+5;    //
    
z="Hello"+5;  //hello5
  • 条件运算符   
    variablename=(condition)?value1:value2
  • For/In循环   循环遍历对象的属性 
    var person={fname:"John",lname:"Doe",age:25}; 

for (x in person)  // x 为属性名
    
{
    
    txt=txt + person[x];
    
}
  • 在JavaScript中，数组是一种特殊的对象类型。 因此 typeof [1,2,3,4] 返回 object。
  • var person = null;           // 值为 null(空), 但类型为对象
    
var person = undefined;     // 值为 undefined, 类型为 undefined
  • 将数字转换为字符串   x.toString();
  • toExponential() 把对象的值转换为指数计数法。
      toFixed() 把数字转换为字符串，结果的小数点后有指定位数的数字。
    toPrecision() 把数字格式化为指定的长度。
  • 将字符串转换为数字  Number("3.04")
  • 正则表达式 
    //search方法
    
var str = "Visit Runoob!";
    
var n = str.search(/Runoob/i); 

//replace方法
    
var str = document.getElementById("demo").innerHTML;
    
var txt = str.replace("Microsoft","Runoob");
    
//将前一个替换为后一个

//test方法用于检测一个字符串是否匹配某个模式，如果字符串中含有匹配的文本，则返回 true，否则返回 false。
    var patt = /e/;
    patt.test("The best things in life are free!");
  • 变量提升
  • 严格模式   "use strict"
  • switch语句使用恒等计算符（===）进行比较
  • var x = 10;
    
var y = "5";
    
var z = x + y;           // z 的结果为 "105"
  • 字符串换行需要所使用反斜杠 
    var x = "Hello \
    
World!";
  • JavaScript 不支持使用名字来索引数组，只允许使用数字索引。

  • let 声明的变量只在 let 命令所在的代码块内有效。  const 声明一个只读的常量，一旦声明，常量的值就不能改变。

  • 使用 JavaScript 内置函数 JSON.parse() 将字符串转换为 JavaScript 对象: 
    var obj = JSON.parse(text);

JavaScript命名规范：

变量名推荐使用驼峰法来命名(camelCase):

通常运算符 ( = + - * / ) 前后需要添加空格:

一条语句通常以分号作为结束符。

全局变量为大写 (UPPERCASE )

建议统一使用小写的文件名。
  • javascript函数有个内置的对象arguments对象，该对象包含了函数调用的参数数组。
  • 闭包能够延长局部变量的寿命，同时还能起到惰性求值的作用。
  • 在用户点击 按钮时触发监听事件 
    document.getElementById("myBtn").addEventListener("click", displayDate);
  • removeEventListener() 方法移除由 addEventListener() 方法添加的事件句柄:
element.removeEventListener("mousemove", myFunction);
  • Javascript prototype (原型对象)
  • 如果前缀为0，解析为八进制数，如果前缀为0x 则解释为十六进制。
  • javascript计时器事件    setInterval 间隔指定的毫秒数不停地执行指定的代码      setTimeout()   在指定的毫秒数后执行指定代码 
    <p id="demo"></p>
    
<button onclick="myStopFunction()">停止</button>
    
<script>
    
var myVar=setInterval(function(){myTimer()},1000);
    
function myTimer(){
    
    var d=new Date();
    
    var t=d.toLocaleTimeString();
    
    document.getElementById("demo").innerHTML=t;
    
}
    
function myStopFunction(){
    
    clearInterval(myVar);
    
}
    
</script>

　　　　

JS语法学习笔记-菜鸟教程的更多相关文章

  1. JS语法学习笔记

    JS语法: JS知识点一览图 JS知识点一览图 在function中写this,在本function中可以显示,写Person则显示undefined. 在function中写Person,在func ...

  2. Mustache.js语法学习笔记

    原文地址:http://www.cnblogs.com/flypig88/archive/2012/05/14/2497780.html 看了Mustache的github,学学其中的语法,做个笔记 ...

  3. python2.7学习笔记——菜鸟教程

    标准数据类型 Numbers(数字) String(字符串) List(列表) Tuple(元组) Dictionary(字典) list = [ 'runoob', 786 , 2.23, 'joh ...

  4. 学习笔记|JSP教程|菜鸟教程

    学习笔记|JSP教程|菜鸟教程 ------------------------------------------------------------------------------------ ...

  5. 毕业设计 之 五 PHP语法学习笔记

    毕业设计 之 四 PHP语法学习笔记 作者:20135216 平台:windows10 软件:XAMPP,DreamWeaver 说明:该笔记是对网站编程语言的详细学习 一.PHP基础 0. 关于环境 ...

  6. js再学习笔记

    #js再学习笔记 ##基本 1.js严格区分大小写   2.js末尾的分号可加,也可不加   3.六种数据类型(使用typeof来检验数据的类型) `typeof` - undefined: `var ...

  7. Golang 语法学习笔记

    Golang 语法学习笔记 包.变量和函数. 包 每个 Go 程序都是由包组成的. 程序运行的入口是包 main. 包名与导入路径的最后一个目录一致."math/rand" 包由 ...

  8. 【干货分享】Node.js 中文学习资料和教程导航

    这篇文章来自 Github 上的一位开发者收集整理的 Node.js 中文学习资料和教程导航.Node 是一个服务器端 JavaScript 解释器,它将改变服务器应该如何工作的概念,它的目标是帮助程 ...

  9. JS数组学习笔记

    原文:JS数组学习笔记 最近在备课数组,发现很多ES5的方法平时很少用到.细节比较多,自己做了大量例子和整理,希望对大家了解JavaScript中的Array有所帮助. 概念 数组是值的有序集合.每个 ...

随机推荐

  1. 学习 vue 需要了解的内容

    总结 vue 的目录 1. vue 基础 指令 事件 动态的属性 组件 动画 2. vue 组件通信 1. 父传子 props 2. 子传父 ref 3. 插槽 4. 组件的生命周期 3. vue 的 ...

  2. 重入锁 ReentrantLock （转）（学习记录）

    重入锁(ReentrantLock)是一种递归无阻塞的同步机制.以前一直认为它是synchronized的简单替代,而且实现机制也不相差太远.不过最近实践过程中发现它们之间还是有着天壤之别. 以下是官 ...

  3. 在visual studio工程设置中增加宏定义的方法

    在Solution Explorer中鼠标右键点击其project之后,Configuration(Release)->Configuration Propertity ->C++ -&g ...

  4. 实用的60个CSS代码片段[下]

    31.有趣的& .amp { font-family: Baskerville, 'Goudy Old Style', Palatino, 'Book Antiqua', serif; fon ...

  5. java+实现文件的上传和下载

    项目截图 路径配置 将localhost:8080/up6全部替换为实际项目路径 使用mysql文件夹下的脚本创建数据表. 创建后可以在数据库中看到创建好的数据表 2.修改数据库连接 3.修改上传地址 ...

  6. java分布式事务及解决方案

    1.什么是分布式事务 分布式事务就是指事务的参与者.支持事务的服务器.资源服务器以及事务管理器分别位于不同的分布式系统的不同节点之上.以上是百度百科的解释,简单的说,就是一次大的操作由不同的小操作组成 ...

  7. 配置文件c3p0-config.xml

    <c3p0-config> <!-- 使用默认的配置读取连接池对象 --> <default-config> <!-- 连接参数 --> <pro ...

  8. Ubuntu16版本中安装MongoDB

    https://docs.mongodb.com/manual/tutorial/install-mongodb-on-linux/ //授权 https://docs.mongodb.com/man ...

  9. div与焦点事件

    div正常情况下是无法获得焦点的,所以其blur方法和focus方法都是没有用的,解决方案如下: <div tabindex="0"></div> 添加ta ...

  10. php配置php-fpm启动参数及配置详

    php-fpm 启动参数及重要配置详解 约定几个目录 /usr/local/php/sbin/php-fpm/usr/local/php/etc/php-fpm.conf/usr/local/php/ ...