js的基本认识和什么是变量，运算符

JavaScript019

js的基本认识和什么是变量，运算符,第1张

js基本认识：JS是一种页面脚本语言，通过执行程序脚本片段，可以对页面及页面上的元素进行操作，实现特定的功能与效果。

js变量：用于存放数据的空间,其中值可以被改变

运算符：算术运算符 + - * /，加减乘除； % 取余数。关系运算符 ><>= <= ；逻辑运算符 与 &&或 || 非 ！；赋值运算符 =。

h5是html的一个新规范，它没有变量的说法。JavaScript的变量相当于语言中一个定义符，存储或参与计算。你还是看一下什么是JavaScript和HTML5的定义，不要把它们搞混淆了。

1.可以反复使用，比你用到一个元素的高度，如果不用变量存储，你就要在每次使用的时候写很长的一个语句例如document.getElementById('box').offsetHeight ，一旦你存到变量里面，每次可以只写一个变量名就可以。

2.加快程序运行，DOM的各种操作都费时间，包括查找，所以把dom元素的引用存到变量里面，可以节省查找时间，也可以少写一些语句.

用例子来说明上面两点作用:

var x = document.getElementsByTagName('div')[0]

x.innerHTML='<span>ok</span>'

x.style.color='orange'

var c = x.childNodes.length

alert('div内共有'+c+'个元素，下面的操作会清空此div')

x.length=0

如果你不用变量，那程序将变成这样

document.getElementsByTagName('div')[0].innerHTML='<span>ok</span>'

document.getElementsByTagName('div')[0].style.color='orange'

alert('div内共有'+document.getElementsByTagName('div')[0].childNodes.length+'个元素，下面的操作会清空此div')

document.getElementsByTagName('div')[0].childNodes.length=0

3.作为函数的参数，变量必不可少，否则函数没有办法传递参数

总之，变量是编程语言中很重要的一个组成部分，如果没有变量，编程将变成很困难的事情。