JavaScript的基本概念及程序设计基础

JavaScript的基本概念：

HTML：负责呈现的内容，CSS：负责内容呈现的方式。

为什么有javascript？

javascript是实现动态的，即负责内容的行为。

计算机语言的“翻译”方式：

编译：将代码整体翻译成机器代码，如果有错误就停止翻译，全部成功翻译完才能执行；

解释：将代码翻译一条马上执行一条，如果遇到错误就停止。

怎么用javascript？

1.两种引用方式：

（1）内部引用：使用<script>标签，代码直接写在标签里面；

（2）外部引用：<script src = “E103-01-03.js”></script>。

2.javascript的备注方式：

（1）//注释内容     单行注释；

（2）/*注释内容*/      多行注释。

程序设计基础：

1.数据类型：

为什么要有数据类型？

生活中存在不同的数据类型，计算机要解决生活问题，那么它就和生活中的数据类型产生了映射。

三种类型：

（1）“文字”：字符串（string）

（2）“55”：数值（number）

（3）“真假”“是否”：布尔类型（boolean）

alert：警告提示框

typeof：提供的一个方法，显示一个变量的类型

2.变量：

为什么要有变量？

因为生活中一些数据不是一成不变的额，它的值会变，所有js里面有了变量和它相对应

变量  var，声明一个变量

变量命名的规则：

1.可以由字母、数字、下划线组成

2.数字不能开头，因为8进制和16进制会产生冲突

3.关键字不能用

4.一般情况下，只用英文开头

变量命名的原则：见名思义

变量命名的规范：1.尽量使用英文单词或者组合，或者专业名词  2.尽量不要使用拼音

变量的值：变量的类型是由变量的值来决定的

变量的本质是一个内存单元

javascript语言特点：更加高级，不严谨；变量不要声明可以使用；使用严谨的格式，就必须先定义变量才能使用变量

3.对象：

为什么有对象？生活中处处都是对象，所以js中有这种对象类型

对象在js中对应的是object

使用 new Object()定义一个类型的变量

怎么用对象里面的属性？

使用对象名+..+对象属性名

4.算术运算符

常见的算术运算符：+-×÷

对应在js中的运算符是：+-*/

取余运算符用%表示      作用是得到两个数余数      eg:

var num1 = 10;

var num2 = 3;

var result = num1 % num2;

alert(result);

使用技巧：可以解决周期性问题    eg:

var date 2;      //计算12天后是星期几

date = date + 12 % 7;

 ++自增    使用简便、快捷

num++ 等价于 num=num+1

num++  先用后加

++num  先加后用

5.关系运算符

大于>   小于<   等于=  大于等于>=  小于等于<=   不等于!=

绝对相等：===       绝对不相等：！==

6.逻辑运算符

“与”：两者同时成立结果才成立

在js中用&&表示    eg:

var num1 = 10;

var num2 = 20;

alert(num1 < 20 && num2 > 10);

结果为：true

“或”：至少有一个成立那么结果成立，就是一个关系为true那么结果就是true

在js中用 || 表示  eg：

var num1 = 10;

var num2 = 20;

alert(num1 > || num2 > 10);

结果为：true

“非”：结果为原身的对立面，就是当关系成立时，非之后就变为不成立，非true之后结果变为false，在js中用 ！ 表示  eg：

var num = 10;

alert(!(num > 10));

结果为：true

7.赋值运算符

将一个数据赋值给一个变量，赋值运算是表示将一个数据存储到某个内存单元中（变量）。

复合赋值运算符可以不存在，完全由普通运算符取代，存在的价值是简洁方便

+=

varnum
=
1;
//num = num + 10;
num
+=
10;
alert(num);

-=

varnum
=
3;
// 
num = num -2;
 
num
-=
2;
 
alert(num);

 

*=

varnum
=
2;
 //num = num * 2;
 num
*=
4;
 alert(num);

/=

varnum
=
6;
//num = num / 2;
num
/=
2;
alert(num);

%=

varnum
=
10;
//num = num % 3;
num
%=
3;
alert(num);

8.位运算符

得到一个数的二进制：

var num = 5;

alert(num.toString(2));

同理得到一个数其他进制数，改变toString中的值

与：首先要把数转化为二进制数，运算法则，只有两者同时为1结果才为1，其余结果均为0，按位运算，不足的在二进制前补0

或：两个数有一个为1那么结果就为0

异或：两个值相同是结果为0两个值不同时结果为1