学习JS的第一天--初识JS

1、初识JS

a.我的第一个JS程序；

　　document.write（“Hello JS”）；//这段代码是输出到body中就是直接打开就可以看到；

　　console.log("Hello JS"); //这段代码是可以通过检查，可以在后台显示看到；

b.JS添加

　　JS在一个页面内可以在任何地方添加<script type="text/javascript">document</script>顺序自上而下执行；

c.JS引入

         <script type="text/javascript" src="Day1_0921第一个js代码.js">

        </script>

d.注释

　　/*一大段文本*/  /**/在俩个*号中间可以注释一大段文本

　　//我是一行文本   //在双斜杠后可以单独注释一行文本  快捷键  ctrl+/   

2.常量与变量

a.量：用来在计算中存储和表示数据

　常量：在程序运行中是不可以改变的

　　console.log（5）；

　　5=666; //错误案例

　　console.log（5）；

//----------------------------------------------------------------分割-----------------------------------------------------------------------

//变量：在程序运行中，其值可以改变

　定义：var 标识符；创建一个空间

　关键字：拥有某种含义的单词

    var关键字：告知编译器后面的标识符为一个变量

　 var a；

　a=123;

　console.log("a");

　a=456；

　console.log("a");   //最后输出结果123   <br>   456

b.左值和右值

　左值：空间

　右值：数值，值

c.初始化与赋值

　初始化：在定义这一行变量的时候同时赋值；

　赋值：除了初始化以外的赋值；

　var a；

　a=123；

　console.log("a")；

3.标识符命名规则

　a.//只能由数字、字母、下划线和$构成，首字母不能为数字，也不能和已有关键字和库函数重复；

　b.不成文规定

　　（1）变量名必须用英文，必须用拼音；

　　（2）起名见名知意；

　　（3）变量名太长的时候，骆驼命名法：除了第一个单词之外的单词，首字母大写

 

4注意：JS  ES3的语法天生残疾；

　　a.不应该使用未被定义的变量，变量应该先定义后使用

　　a=123；

　　console.log(a);

　　var a;

　　b.变量不应该重复定义(错误示例)

　　var a =123;

　　console.log(a);

　　var a=456;

　　console.log(a);

 

5.数据类型：检验算法合法性的必要条件，避免一座山+一杯水的问题：

　　var a =123;

　　var b =xxx;

　　a+b;

     a.基本类型

　　(1):undefined:未被赋值的变量的默认

　　(2):null:空值  类似于undefined,可以理解为等价console.log(null==undefined)

　　(3):number：数字  

　　　　整型   没有小数点

　　　　浮点型  带有小数点的数字

　　(4):string：字符串，被单引号或者双引号括起来的字符序列

　　　　console.log（“123”+1）；

　　(5):布尔类型  逻辑值   ture   false

　　　　var flag=true；

　　　　console.log（flog）；

　　*引用：除了基本类型都是引用类型（object）

　　　　typeof:判断数据是什么类型

　　console.log（typeof（a））；

　　　　var a=123；

　　console.log（typeof a）；

　　　　int a；

6.运算符(优先级、结合方向、操作目数)

　　a.算数/加法/数学运算符+ - * / %(求余、取模)

　　　　console.log(2+3);

　　　　console.log(2-3);

　　　　console.log(2*3);

　　　　console.log(2/3);

　　　　求余运算符：最后的结果为余数:比如下边的例子，结果为2

　　　　console.log(2%3);

　　b.赋值运算符 =

　　　　var a=b=2

　　　　var a=b+2

　　　　*复合的赋值运算符+=、-=、*=、/=优先级比较低

　　　　例如：

　　　　　　　　a=5；

　　　　　　　　var a%=2-3;输出结果为1　　

　　c.自增减运算++、--

　　　　++a；  先加后计算    var a=a+1    var a=5; ++a;   colsole.log(a);   a为6

　　　　a++      先算后加 （过了该条语句再算）    var a=5; a++; var a;  colsole.log(a);   a为5 k  6

　　　　var k=0；

　　　　k=k++ + ++k +k + k++;    (千万不要写出这样的代码   要有可读性)

　　d.关系运算符（输出结果会是一个boolean值：true/false）

　　　　>、>=...!=、===（严格等）

　　e.逻辑运算符&& 、|| 、！（与、或、非）　　通过逻辑量和关系表达式连接起来其结果也是boolean类型

　　　　&&（与）：完成一件事，有N个步骤，每个步骤都得完成，此件事才能完成，所有步骤之间的关系就是与；

　　　　||（或）：完成一件事，有N个方法，任何一个方法都能解决该问题，则个个方法间的关系为或；

　　　　！（非）：某个条件的对立面，注意：！男。。。不光是女的  往国外  往高技术想

　　　ex：var i = -4;

　　　　　var j；

　　　　　　//短路与，首次遇到失败的条件，后面与运算终止

　　　　　j=-5>i&&++i<3

　　　　　console.log("i");

----------------------------------------------------------------

　　　　　

　　　　　var i = -4;

　　　　　var j；

　　　　　　//短路或，首次遇到失败的条件，后面与运算终止

　　　　　j=-5>i||++i<3

　　　　　console.log("i");