JS基本语法(语句、变量和数组、操作符、条件语句和循环语句、函数和对象)实例讲解
时间:2018-10-12
本文章向大家介绍JS基本语法(语句、变量和数组、操作符、条件语句和循环语句、函数和对象)实例讲解,需要的朋友可以参考一下
# JS语法
- 语句
- 变量和数组
- 操作符
- 条件语句和循环语句
- 函数和对象
## 注释
// 行注释 /* 多行注释 多行注释 */
## 变量
JavaScript变量和其它语法元素的名字,区分字母大小写。变量名包括 字母、数字、美元符号 $ 和下划线。第一个字符不允许是数字。
## 数据类型:弱类型语言
-
- 字符串
- 数值
- 布尔值
- 数组
- 对象
## 条件语句
1 initialize; 2 3 while (condition) { 4 5 statements; 6 7 increment; 8 9 } 10 11 12 13 for (initial condition; test condition; alter condition) { 14 15 statements; 16 17 }
# 函数
function name(arguments) { statements; }
函数的真正价值体现在,我们可以把它们当做一种数据类型来使用,这意味着可以把一个函数的调用结果赋给一个变量。
# 变量的作用域
变量既可以是全局的,也可以是局部的。全局变量顾名思义,可以在脚本中的任何位置被引用。而局部变量只能存在于声明它的那个函数的内部,在那个函数的外部是没有办法引用它的。局部变量的作用域仅限于某个特定的函数。
可以使用 var 关键字为函数变量设定作用域。
# 对象:一种自足的数据集合
JS 中的对象可以分为三种类型:
-
- 用户自定义对象:用户自己创建的
- 内建对象:内建在 JS 语言里的
- 宿主对象:浏览器提供的
对象:属性 + 方法
- 属性:隶属于某个特定对象的变量
- 方法:只有特定对象才能调用的函数
属性 和 方法 都是用 “点” 语法来表示。
属性,比如
Person.mood Person.age
方法,比如
Person.walk() Person.sleep()
为了使用 Person 对象来描述一个特定的人,需要创建一个 Person 对象的实例。实例是对象的具体个体。
比如说,你和我都是人,都可以用 Person 对象来描述;但是我们是不同的个体,很可能有不同的属性(比如,我有女朋友,而你没有)。因此,你和我对应着两个不同的 Person 对象。我们是两个不同的实例。
为给定对象创建一个新的实例需要使用 new 关键字
var zlj = new Person;
这样,我就有对象了。是不是很棒?
上面这条语句就创建了 Person 对象的一个新实例 zlj。我们就可以像下面这样,利用 Person 对象的属性检索关于 zlj 的信息:
zlj.age zlj.moo
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- ElementUI引入到vue项目开发
- 手把手教你,嘴对嘴传达------Apache(安全优化防盗链、隐藏版本信息)
- spring框架应用系列三:切面编程(带参数)
- 排障集锦:九九八十一难之第六难!(98)Address already in use: AH00072: make_sock: could not bind to address ::80
- Vue页面中引用自定义组件
- Vue如何引用Vant组件
- js表单验证工具包
- 手把手教你,嘴对嘴传达------Nginx网站服务(访问状态统计,基于域名,端口,IP的虚拟web主机访问)
- lib-flexible引入到Vue做移动端rem布局
- 微信小程序引入VantWeapp开发
- 手把手教你,嘴对嘴传达------源码编译LNMP部署及应用 , 手动搭建discuz论坛
- 微信小程序封装api接口
- 手把手教你,嘴对嘴传达------Nginx常规的优化(隐藏版本号,缓存时间,日志切割,网页压缩,防盗链优化)
- Vue Router 实现多种页面跳转
- Vue实现输入框自动聚焦