L4-JavaScript基础知识

JavaScript组成

  ECMAScript:解释器,翻译。它是JavaScript的核心

  DOM:Document Object Model   操作HTML的能力

  BOM:Browser Object Model 操作window的能力

变量类型

  类型:typeof运算符

    用法:返回值

    常见类型:number、string、boolean、undefined、object、function

数据类型转换

  parseInt:字符串 ==(转正整数)》数字

  parseFloat:处理小数

  isNaN:判断是否是非数字

运用:例子求和(计算两文本框的和)

<input type = "text" id = "txt1"/>

<input type = "text" id = "txt2"/>

<input type = "button" id = "btn1" value = "求和"/>

js

window.onload = function(){

var oTxt1 = document.getElementById("txt1");

var oTxt2 = document.getElementById("txt2");

var oBtn = document.getElementById("btn1");

oBtn.onclick = function(){

  var num1 = parseInt(oTxt1.value);

  var num2 = parseInt(oTxt2.value);

  if(isNaN(num1){

    alert("the first value is not a number");

  }

  else if(isNaN(num2)){  

      alert("the second value is not a number");

    }

    else{

      return num1 + num2;

    }

}

  显示类型转换(强制类型转换)

    parseInt()、parseFloat()

  隐式类型转换

    == 、===、减法

变量的作用域和闭包

  变量作用域(作用范围)

    局部变量、全局变量

  什么是闭包

    子函数可以使用父函数中的局部变量(初步理解)

function father(){  //  父函数

  var a = 12;

  function children(){  // 子函数

    alert('a');

  }

  children();

}

father();  //  12

运算符

  算术:加、减、乘、除、求模(%)

  赋值:=、+=、-=、/=、%=

  关系:>、<、!=

  逻辑:&&与、||或、!否

运算符优先级:括号

例子:

  求模的应用:隔行变色(循环、判断)、秒转时钟(秒/60:分 秒%60:秒)

  逻辑的应用:全选与反选

程序流程控制

  判断:if 、 switch、 ? : (三元运算符)

  循环:for、 while 、 

  跳出:break、continue

switch(变量){

  case 值1:

    语句

    break

case 值2:

    语句

    break

........

default:

    语句

    break

}

例子:根据性别的问候

 

Json

  什么是json?

    是一种轻量级的数据交换格式,基于ECMAScript的一个子集。

    JSON 数据的书写格式是:名称/值对。

  JSON[1]  结构有两种结构[2] 
 
json简单说就是javascript中的对象和数组,所以这两种结构就是对象和数组两种结构,通过这两种结构可以表示各种复杂的结构。
 
1、对象:对象在js中表示为“{}”括起来的内容,数据结构为 {key:value,key:value,...}的键值对的结构,在面向对象的语言中,key为对象的属性,value为对应的属性值,所以很容易理解,取值方法为 对象.key 获取属
 
性值,这个属性值的类型可以是 数字、字符串、数组、对象几种。
 
2、数组:数组在js中是中括号“[]”括起来的内容,数据结构为 ["java","javascript","vb",...],取值方式和所有语言中一样,使用索引获取,字段值的类型可以是 数字、字符串、数组、对象几种。
 
经过对象、数组2种结构就可以组合成复杂的数据结构了。
 

 

原文地址:https://www.cnblogs.com/linyongli/p/5300989.html