javascript之学习笔记

一、脚本的位置

大部分的脚本都是在闭合的</body>标签之前被添加都页面上的（这被认为是最适合放置链接脚本代码的位置）。

二、javascript基础指令

声明变量：var quantity;

变量赋值： quantity=3;

数据类型：数字、字符串、布尔值

使用变量来存储数字：

var price;

     var quantity;

     var total; 

     price=5;

     quantity=14;

     total=price*quantity; 

     var el=document.getElemenById('cost');

     el.textContent='$'+total;

在字符串中使用引号：如果想在字符串中使用双引号（单引号），就必须使用单引号（双引号）来包含整个字符串。

也可以使用转义字符，在引号的前面加一个反斜杠'/',这个反斜杠告诉解释器后面的字符是字符串的一部分而不是字符串的结束符号。

变量的命名规则：名字必须以字母、美元符号（$）、或下划线开头，不能艺术字开头.名字可以包含字母、美元符号（$）、或下划线，不能使用连字符（-）或点号（.）。如果变量名超过一个单词组成，则使用驼峰命名法，也可以在每个单词之间使用下划线。

创建数组：(数组中的值不需要是相同类型，所以可以在同一数组中存储字符串、数字和布尔值)

数组字面量

 var colors;

 colors=['white','black','custom'];

 var el=document.getElemenById('colors');

 el.textContent=colors[0];

数组构造函数

 var colors=new Array('white','black','custom');

 var el=document.getElemenById('colors');

 el.innerHTML=colors.item(0);

三、函数、方法与对象

声明函数：

function sayHello() {document.write(hello);}

声明需要信息的函数

function getArea(width,height) {return width*height;}         \\width 和height为形参

getArea(5,3);    \\调用函数时5,3是实参

从函数中得到单一值：

function calculatorArea(width,height) {

       var area=width*height;

         return area;

 }

 var wall=calculatorArea(5,3);

注：当出现return关键字时，解释器立即离开函数，回到调用函数的语句，如果之后还有语句它们将被跳过二不被执行。

从函数获得多个值：

function getSize(width,height,depth) {

         var area=width*height;

         var volum=width*height*depth;

          var sizes=[area,volum];

            return sizes;

 }

var areaOne=getSizes(5,10,8)[0];

匿名方法和函数表达式：如果把函数放在本该表达式呆的位置，它将被当作表达式对待，这称为函数表达式。在函数表达式中名字经常被省略，没有名字的函数被称为匿名函数。

 var area=function(width,height){

      return width*height;

 };

 var size=area(3,4);

立即调用函数表达式（IIFE）：

var area=(function(){
      var width=2;
      var height=3;
      return width*height;
}());

使用匿名函数和IIFE的时机：

1、当函数调用时作为一个实参（为此函数计算出一个值）

2、用于为对象的属性赋值

3、用于事件处理程序和监听器

4、用于防止两段脚本中因使用相同的变量名产生的冲突

变量作用域：局部变量和全局变量

如果在声明函数时忘了使用var关键字，变量仍可用只不过被当做全局变量对待了（这是个不好的编码习惯）

注：全局变量使用更多的内存，浏览器需要在整个页面载入期间保存它们，局部变量只需在函数执行期间被保存。

posted @ 2016-09-16 18:26 lexie 阅读(293) 评论(0) 编辑收藏举报

刷新页面返回顶部

lexie

javascript之学习笔记

公告