当前位置:首页全部内容Javascript的基础入门

Javascript的基础入门

概念: Javascript是一种轻量级弱类型的脚本语言,在web浏览器中进行解释和运行。

Javascript分为了三个部分,1.ECMAscript(核心)2.DOM(document object module)3.BOM(bowser object module)

作用:作为一门脚本语言,它可以让我们的静态网页“动”起来,包括动态的数据丶标签丶样式等等。

引用:放在html文档的<head>部分或者使用外联,比如:

<head> <script type=“text/javascript” src=“demo.js”></script> </head>

Javascript语法:

1.声明变量:

var name = “zhangsan”; //声明一个数据类型是字符串的变量

2.变量命名规则:

第一个字符只能以字母(如abc)丶下划线(_)或者美元符($);

变量名不能包括空格和标点符号,下划线(_)和美元符($)除外;

变量名区分大小写 比如:

var abc = 1; var ABC = 1; //abc和ABC是两个不同的变量

变量名不能使用关键字和保留字 如:

<–不规范的写法–> var var = 1;

常见的变量的命名包括:

(name_123,nameAge(小驼峰法),NameAge(大驼峰法))

2.数据类型

所有对象的源头都是object,并衍生出了七种数据类型(数字number 字符串string 数组array 布尔值Boolean(ture / false) object用函数构造的对象 null undefined (ES6新增数据类型symbol标点符号))详情见:

ES6入门之Symbol – 珍真小心 – 博客园

查看数据类型:

var a = “zhangsan”; alert(typeof a); //输出string 字符串 typeof(判断类型)是一个反解译的过程

undefined与null undefined这个指向对象,null直属object

作用:可以设置为 null 或者 undefined来清空对象

3.常见的数据类型转化:

转换成字符串: toString() String()

转换成数字 Number() parseInt() parseFloat()

判断是不是数字:isNaN() 返回的是布尔值

数字与字符串相加,会先把数字转化为字符串,再进行相加 如:

function num(){ alert(10 + “20”); } num(); //输出的值为1020的字符串

这只是很少一部分的类型转换的方法,更多的方法以及用法会在其他文章中补充~~

4.运算符

<–算数运算符–> + – * / % % 求模(求余) alert(3%2); //输出1
<–算数运算符:后增量与后减量–> var a = i++; //i=i+1 或 i+=1 //如果i=i+5 可以写成 i+=5 var a = i–; //i=i-1
比较运算符 ( >, <, >=, <=, ==(值相等), !=,===(值与类型相等),!== )
逻辑运算符( &&–并 与, ||–或 , !–非)

5.流程语句

条件语句:if…else switch等等

循环语句:for… while… do…while for…in(遍历方法)

continue是指结束当前循环 break指结束(整个)循环

6.函数:可以看作是一个动作的过程并且可以被定义。

基本语法结构:function name*函数名*( -传入参数- ){ –函数行为– }
理解:在写function的时候javascript 会产生 1.constructor(构造函数)2.联系上下文关系 你在写括号 () 的时候,javascript又会产生两个东西 1.参数 (argument) 可是使用但是不提倡使用 2.this(指向)
使用 return 语句从函数返回值 function sum (num1, num2){ return num1 + num2; }

注意:

1.位于return 语句之后的任何代码都永远不会执行!

2.在JavaScript中,不一定要指定返回值!

3. 定义函数的参数时,如果调用函数时没有传进参数,并不会报错,但可以在函数里面判

断一下是否有传进参数,例如可以这样判断:

if(variable == undefined‘ || variable == null){

variable=‘1’; //可以给他一个默认值}

关于传参和闭包的初步理解:

function num(a){ //a为占位符 return 1; } num(123); //传入参数123 与a没有关系 a只为传入参数占位置
function num(a){ return [function(){var b = 0; return 20;},function(){var b = 0; return 10;}] } num(123)[1](); //闭包:让函数先执行一次,只给函数提供唯一的入口和出口,可以避免变量污染

变量作用域可以分为函数外的变量(全局变量 容易造成变量污染)与函数内的变量(局部变量)

7.JavaScript内部函数

(1)eval()函数的用法 将字符串转化为执行的语句,并且执行,假如语句语法错误,会报错

(2)json:前后台信息交互使用之~~

json 键值对 前面是键名 后面是值

var json = { “name”:”zhangsan”, “age”:18, “sex”:function(){ alert(321); } } //发现内容里面可以是函数

json json.name或者json[“name”]来获取值;

类型转换:JSON.stringify() JSON.parse()等等

8.获取DOM(文档对象模型)

getElementById getElementsByClassName getElementsByName getElementsByTagName querySelector querySelectorAll //element后面加s返回数组nodelist,没有返回dom元素 //querySelector返回一个dom元素 querySelectorAll返回nodelist

另外还有更多的选择器需要我们去学习~~~

以上为个人对Javascript的理解,有误之处请纯当扯淡,以后还会更新修改~~

声明:本站所有文章,如无特殊说明或标注,均为本站原创发布。任何个人或组织,在未征得本站同意时,禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益,可联系我们进行处理。
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧