javascript基础

javascript

概述

Javascript是基于对象和事件驱动的脚本语言，主要应用在客户端。也可以用于后端服务器开发如Node.js

什么是基于对象

js提供好了对象你可以直接来使用—–这里与java里不同的是java中是面向对象，你需要自己创建对象。

什么是事件驱动

根据发生在浏览器上的事件作出反应.例如鼠标点击，窗口打开，关闭等.

组成

一个完整的javascript实现由3部分组成

核心（ECMAScript）

javascript语法和语句

浏览器对象模型（BOM）

broswer object model: 浏览器对象模型
1.navigator 对象
2.screen对象
3. location对象
4. history对象
5.window对象

文档对象模型（DOM）

document object model：文档对象模型

编写javascript的两种方式

第一种

使用一个标签 <script type="text/javascript"> js代码; </script>

第二种

创建一个js文件，写js代码
使用script标签，引入一个外部的js文件
    <script type="text/javascript" src="1.js"></script>

注：使用第二种方式时候，就不要在script标签里面写js代码了，不会执行。

核心（ECMAScript）

js的变量声明和原始数据类型

定义变量 都使用关键字 var

var i=0;

原始数据类型

string: 字符串

var str=”abc”;>

number: 数字类型

var num=1;>

boolean: true和false

var flag=true;>

null: 空

表示对象引用为空，但是所有的对象引用也是object

undifined:未定义

var str;

注：使用typeof可以判断数据类型

• 1.变量、函数、运算符区分大小写
• 2.变量是弱类型的
  var a = 10;
  var b = true;
  var c = “abc”;
• 1. 每行结尾的(;)可有可无，建议编写
• 1. 两种类型的注释
     单行注释以双斜杠开头（//）
     多行注释以单斜杠和星号开头（/），以星号和单斜杠结尾（/）

js里的语句

if判断语句

if(a==1){//判断值是否为1 }
if(a===1){//判断值和数据类型}

switch语句

switch(a) {
case 1:
表达式1；
break;
case 2:
表达式2；
break;
default:
表达式3；
}

循环语句 for while

for循环

for(var i=0;i<=3;i++) {
alert(i);
}

while 循环

var i = 5;
while(i>1) {
alert(i);
i–;
}

js运算符

js里面不区分整数和小数

var j = 12;
alert(j/100*100);
// 在js里面不区分整数和小数，12/100*100=0.12 * 100 = 12

字符串的相加和相减的操作

1.如果相加时候，做是字符串连接
1.如果相减，做的是相减的运算
实例

var str = “456”;
//alert(str+1); //在java里面操作的结果是 4561 ，在js里面还是 4561
alert(str-1); //相减时候，执行减法的运算455
var str=”abc”;
alert(str-1);//NaN
* 提示NaN:表示不是一个数字

boolean类型也可以操作
* 如果设置成true，相当于这个值是1
* 如果设置成false，相当于这个值是0

js数组

定义方式（三种）

第一种：

var arr = [1,2,3]; var arr = [1,”4”,true];

第二种：使用内置对象 Array对象

var arr1 = new Array(5); //定义一个数组，数组的长度是5
arr1[0] = “1”;//将第一个元素赋值为1

第三种：使用内置对象 Array

var arr2 = new Array(3,4,5); //定义一个数组，数组里面的元素是3 4 5

* 数组里面有一个属性 length：获取到数组的长度
* 数组可以存放不同的数据类型的数据

js的函数

在js里面定义函数（方法）有三种方式

    函数的参数列表里面，不需要写var，直接写参数名称

第一种方式： 使用到一个关键字 function

function 方法名(参数列表) {
方法体;
返回值可有可无（根据实际需要）;
}

使用第一种方式创建函数

1.定义一个无参函数

function test() {
alert(“aaaa”);
}
//调用方法
//test();

2.定义一个有参数的方法 实现两个数的相加

function add1(a,b) {
var sum = a+b;
alert(sum);
}
//调用方法
//add1(2,3);

2.有返回值的效果

function add2(a,b,c) {
var sum1 = a+b+c;
return sum1;
}
alert(add2(3,4,5));

第二种方式：

1. 
   
2. 匿名函数
   

var add = function(参数列表) {
方法体和返回值;
}
第二种方式创建函数
var add3 = function(m,n) {
alert(m+n);
}
//调用方法
add3(5,6);

第三种方式：（用的少，了解）

** 动态函数
* 使用到js里面的一个内置对象 Function
var add = new Function(“参数列表”,”方法体和返回值”);

js的全局变量和局部变量

* 全局变量：在script标签里面定义一个变量，这个变量在页面中js部分都可以使用
    - 在方法外部使用，在方法内部使用，在另外一个script标签使用

* 局部变量：在方法内部定义一个变量，只能在方法内部使用
    - 如果在方法的外部调用这个变量，提示出错

script标签放在的位置

* 建议把script标签放到 </body>后面
* 如果现在有这样一个需求：
    在js里面需要获取到input里面的值，如果把script标签放到head里面
    会出现问题。
    html解析是从上到下解析的，script标签放到的是head里面，直接在里面取input里面的值，
    因为页面还没有解析到input那一行，肯定取不到。