2017.11.8第六课

JavaScript基础

**用法:**HTML 中的脚本必须位于 标签之间。
脚本可被放置在 HTML 页面的 和 部分中。

一、一切皆对象

1.什么是对象
世间任何一个我们需要进行研究的事物都是一个对象。对象具有状态,一个对象用数据值来描述它的状态。对象还有操作,用于改变对象的状态,对象及其操作就是对象的行为。

2.怎样构造对象

 <body>
 <script type="text/javascript">
 var person={
  'name':"男神",
  'age':20,
  'sex':"男",
  'health':1000,
  'chengji':100,
  'fit':function(){
      this.health=this.health+10;
  },
  'smoke':function(){
      this.health=this.health-100;
  },
  'study':function(){
     this.chengji=this.chengji+1;
  }
  }
person.fit();
  person.fit();
  person.fit();
  console.log(person.health);

3.使用对象的方法
可以使用以下语法创建对象方法:

methodName : function() { code lines }

你可以使用以下语法访问对象方法:

objectName.methodName()

通常 fullName() 是作为 person 对象的一个方法, fullName 是作为一个属性
有多种方式可以创建,使用和修改 JavaScript 对象。
同样也有多种方式用来创建,使用和修改属性和方法。

二、语句和变量

1.语句
语句是完成某种特定任务的代码,在Javascript中每条语句要以”;”结束;
语句在定义的时候可以出现在一行中,也可以一行出现多条语句,都是允许的;
表达式可以单独出现在JS代码中,但是没有任何意思;

var _div = ""; var _div = "";
    // 没有任何的意思
    1 + 2;

2.变量
变量是对“值”的引用。在其他的场合中,我们有的时候把引用也成为地址或指针。
在JS中,定义变量使用“var”关键字。

  var _msg = "hello";
    // 上述的语句,在JS解释器中其实是分了两个步骤完成
    // 第一步:
    var _msg;
    // 此时变量_msg的值为undefine;
    // 第二步:
    _msg = "hello";

引申:基本数据类型和引用数据类型
var可以不出现变量的定义中,但是他的作用和出现var定义变量是有区别的。
如果在变量声明的时候没有使用var,那么该变量则会变成一个全局的变量。

三、标识符、注释和区块

1.标识符
标识符简单的理解就是“起名字”。在给变量、方法等定义的名称都可以理解为标识符。
标识符定义的规则:

  • 第一个字符:任意的Unicode字母(包含英文字母和其他语言的字母),以及美元符号$和下划线_;

  • 第二个字符及后面的字符开始可以包含0-9的数字;

    var a = ""; // 合法
    var $ = ""; // 合法
    var abc = ""; // 合法
    var _abc = ""; // 合法
    var _a$1 = ""; // 合法
    var 1a = ""; // 就是不合法的标识符定义

除此之外,JavaScript使用的关键字也不能作为标识符的定义
2.注释
注释让代码的可读性增强,并可以对相关的代码提供必要的说明。JavaScript的引擎会忽略掉注释部分的代码。
注释的分类:
单行注释://
多行注释:/* */

/**
 * 函数名称:add
 * 函数作用:完成加法运算
 * 参数:a:加数 b:加数
 * 返回值:数值型
 * 作者:Aaron
 * 版本:1.0
 * 时间:2017-04-17
 */
function rs2() {
   // xxxxxxx
   var gs = document.getElementById("gs").value;
   var rss = eval(gs);
    document.getElementById("rs").value = rss;
}

3.区块
JavaScript使用大括号将多行相关语句的代码包裹起来,成为区块(block)。

不同于其他编程语言,在区块中定义的变量,其生命周期不单在区块范围内,超出区块也能使用在区块中定义的变量。

三、语句

1.条件语句
在默认的语句中,程序总是一行一行的去解析执行特定的语句,但是有的场景下,顺序的执行语句无法满足程序的要求。
(1).if 结构
// if结构语句的语法
if (expression)
{
statement
}
// 表达式最后的值必须是个boolean值 true或者false
在条件表达式中,数字0和非0也可以表现为false和true。
在Javascript中,=、==、===的区别
“=”:赋值运算符
“==”:值相等
“===”:严格相等运算符
在statement中如果出现多行语句必须要使用{}包裹,如果只有一行可以不用{}

(2).if…else结构

// if结构语句的语法
if (expression)
{
    statement
} else {
    statement
}
// 在else代码中执行的条件是紧跟着自己的if的非条件
// 使用if结构和if...else结构其实都是可以实现相同的功能的,只不过在表达方式上有所区别。

2.循环语句
(1).while循环
循环语句是用于重复执行某些操作。
语法:

s1;
    while (expression) {
       statement;
    }
    s2;

当程序执行while语句时,判断expression的值是否为真,如果真,就执行{}里面的代码块,当代码块执行完成后,继续判断expression是否为真,直到为假的时候,才会执行到s2语句。

这里要注意的是,如果expression一直为真,那么程序就死循环了。
如果循环体内只有一条语句,那么{}可以省略,但是为了程序的可读性,不建议省略。

var i = 1;
   var sumi = 0;
   while (i <= 10000) {
      sumi = sumi + i;
      i = i + 1;
   }
   document.write("sumi=" + sumi);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值