JavaScript入门介绍

前端开发 JavaScript js

创建时间:2019-08-15 18:27

字数:1k 阅读:

评论:

JavaScript入门介绍

JavaScript入门介绍

一、js的输出

JavaSctipt没有任何打印输出的函数或方法

window.alert()浏览器警告框
document.write()方法可以将内容写入到Html中（如果在写入流结束后再使用将会覆盖整个HTML）
innerHTML 写入与读取HTML元素
console.log()在浏览器控制台输出

###（1）JavaScript的常量称为字面量。所有字面量类型有：###
1.数字(Number)
2.字符串(String)
3.数组(Array)
4.对象(Object)
5.函数(Function)
6.表达式

(2)JavaScript中变量一般由var来进行定义

var a=0,b;
b=0;
/*注释 a=0,b=0 */

(3)JavaScript 中，常见的是小驼峰法的命名规则，如 lastName(而不是lastname)

变量的三种命名方法：
var firstName='king';//小驼峰
var FirstName='queen';//大驼峰
var first_name='maizi';//下划线法

三、JavaScript的数据类型

JavaScript中的基本类型可以分为：
基本数据类型:Number(数字)、String（字符串）、布尔型(Boolean)、对空（Null）、未定义(Undefined)、Symbol
引用类型:对象(Object)、数组(Array)、函数(Function)

(1)创建数组的三种方法

1.var cha=new Array("123","456");
2.var cha=new Array();
  cha[0]="123";
  cha[1]="456";
3.var cha=["123","456"];

(2)创建对象的方法

1.    
var person={
    name="jone",
    sex="男",
    id="123456"
}
2.键值对的容器，“键”必须为字符串
var person={
    "name":"小明",
    "age":"18",
    "like":function(){
            return "喜欢打篮球,弹吉他";
    }
}
/*对象属性的2种寻址方式:*/
person.name;
person["name"];

(3)声明变量类型

var carname=new String;
var x=      new Number;
var y=      new Boolean;
var cars=   new Array;
var person= new Object;

(4)函数的一般格式

function 函数名(形参列表){
    ……
}

(5)给未声明的变量赋值

如果您把值赋给尚未声明的变量，该变量将被自动作为 window 的一个属性。
carname=”haha”;
console.log(window.carname)//haha

/*给未声明变量赋值创建的全局变量，是全局对象的可配置属性，可以删除。*/    
delete carname;//正常删除（只有可配置的属性才能delete）

四、JavaScript的作用域

JavaScript中作用域的探讨范围是：可访问变量、对象和函数。

作用域可以分为全局变量和局部变量。
在函数外定义的变量为全局变量，而在函数内定义的变量为局部变量。
全局作用域: 网页中所有脚本和函数均可使用。
局部变量:仅在声明的函数中可用

全局变量，或者函数，可以覆盖 window 对象的变量或者函数。局部变量，包括 window 对象可以覆盖全局变量和函数

ES6中加入let和const来定义变量。const是用于声明常量，增加了安全性。用var定义的变量只能是全局有效或者整个函数块有效，而let声明的变量、语句或者表达式允许你只在本级代码块中使用。

五、JavaScript事件

(1)HTML中添加事件属性

<标签名 事件属性名="……代码"></标签名>

(2)在js中为相关元素添加事件属性

在HTML中:
<button id="test" onclick="check()">检查</button>
在js中:
var test=document.getElementById("test");
test.onclick=check();

(3)常用的事件属性名

事件	描述
onchange	HTML 元素改变
onclick	用户点击 HTML 元素
onmouseover	用户在一个HTML元素上移动鼠标
onmouseout	用户从一个HTML元素上移开鼠标
onkeydown	用户按下键盘按键
onload	浏览器已完成页面的加载

http://www.runoob.com/jsref/dom-obj-event.html

六、JavaScript数据类型转换

Number()转换为数字,String()转换为字符串,Boolean()转换为布尔型

5种数据类型: string,number,boolean,,object,function

3种对象类型：Object，Date,Array

2种不包含任何值的数据类型：null,undefined

可以利用typeof操作符来查看数据类型。

注：NaN的数据类型是number,Array和Date以及null的数据类型是object,未定义变量的数据类型为undefined

转载请注明来源，欢迎对文章中的引用来源进行考证，欢迎指出任何有错误或不够清晰的表达。可以在下面评论区评论，也可以加QQ（2602138376）