JavaScript基础

准备工作

引用JavaScript
第一种

<head>
  <script>...</script>
</head>

第二种

<body>
  htmlcode
  <script src="xx.js"></script>
</body>

注释

//单行注释
/*
  多行注释
*/

变量

建议声明,逗号隔开,下划线或驼峰

var age_a = 3
   ,aName = "mark";

数据类型

字符串

用引号

var a = "nihao"
   ,b = "3"
数值
var a = 3
布尔值
var a = true
    ,b = false;

数组

var a = Array();
    a[0] = 1;
    a[1] = "name";
或
var b = Array ( 1 , "name");
或
var c = [ 1, "name" ];

数组可以是变量、可以是其他数组
var a = []; //定义一个空数组
    ,name = "mark"
    ,b = [ 2 , "nihao" ];
a[0] =name;
a[1] = b;

关联数组

var  a = [];
a["name"] = "mark";
a["age"] = 28;

对象

var a = Object();
或
var a = {};
a.name = "mark";
a.age = 28;
简洁写法
var a = { name:"mark" , age:28 }; //建议用对象去代替关联数组的表达方式

操作

+ - * /
+还可以作为字符串合二为一
var a = "name is" + "mark";
i++;//递增加1
i--;//递减1
a += b; 等于 a = a+b;
a -= b; 等于 a = a-b;

条件语句

if ( a > b ){
  alert("nihao");
} else {
  alert("hello");
}

比较操作符

<  >  >=   <=   ==  !=
=== //数据类型也必须相等

逻辑操作符

&&//逻辑与 , 两边都为true则为true
|| //逻辑或 , 两边有一边为true则为true

switch 语句用于基于不同的条件来执行不同的动作。

var day=new Date().getDay();
switch (day)
{
case 6:
  x="Today it's Saturday";
  break;
case 0:
  x="Today it's Sunday";
  break;
default:  //以上条件都不符合则用默认值
  x="Looking forward to the Weekend";
}

循环语句

JavaScript 支持不同类型的循环:
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块

var a=1;
while (a<9) {
  alert("nihao");
  a++;
}
//do while 无论while条件是否为true都要执行一次
var a=1;
do {
alert("nihao");
  a++;
}while(a<9);

for循环

for ( var i =0 , i<9 , i++) {
  alert("nihao");
}

使用for和数组的lenght属性遍历数组

var a = Array ("ni","hao");
for ( var i=0,i<a.length;i++){
  alert ( a[i] );
}

函数

为了代码多次使用
正真的价值在于可作为数据类型把函数调用结果赋给一个变量

function sayHi(){
  var a = Array ("ni","hao");
  for ( var i=0,i<a.length;i++){
    alert ( a[i] );
  }
}
return可以返回值,可以跳出函数,
接收参数顺序不能变,
开发者定义的函数都可以接受任意个数的参数
(根据 Netscape 的文档,最多可接受 255 个),而不会引发任何错误。
任何遗漏的参数都会以 undefined 传递给函数,多余的函数将忽略。

模拟函数重载(以参数个数判断,使用何种方法处理参数)

//用 arguments 对象判断传递给函数的参数个数,即可模拟函数重载:
function doAdd() {
  if(arguments.length == 1) {
    alert(arguments[0] + 5);
  } else if(arguments.length == 2) {
    alert(arguments[0] + arguments[1]);
  }
}

doAdd(10);  //输出 "15"
doAdd(40, 20);  //输出 "60"

变量的作用域

全局变量 globaal variable
局部变量 local variable

函数内部 var 声明变量为局部变量,如果未声明则默认为全局变量,若与已有全局变量重名则会改变已有全局变量的值,函数内部变量一定要用var来声明

对象object

Object.property 对象属性
Object.method() 对象方法
var mark = new person;  //new关键字实例化一个对象

内建对象 native object //javascript提供对象
宿主对象 host object//浏览器预定义对象如Form Image Element
自定义对象 user-defined object
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1.HTML DOM (Document Object Model) document.getElementByI...
    廖马儿阅读 1,455评论 0 17
  • Javascript 基础 语法 语法概述 一些代码的示例: 注意等于号的两种不同的用户。 一个单独的等于号(=)...
    wanqijian阅读 657评论 0 2
  • 让我走 轻掠额头 白云的柔 也许只有离家的鸟儿 在意我的去留 用羽毛寄去的思念 是不舍是忧愁 让我走 渐挥双手 清...
    鹃鸣啼血阅读 296评论 32 34
  • Android系统不太突出进程概念,因此静态变量的生命周期也让人感觉模糊。这种模糊对于值类型的静态变量倒关系不大,...
    方衍阅读 738评论 0 0