JS笔记(一):基础知识
(一) 标识符
标识符就是一个名字,在JS中,标识符用来对变量和函数命名,或者用做JS代码中某些循环语句中的跳转位置的标记。JS的标识符必须以字母、_或$符号开始,后续字符可以是字母、数字、_或$符号。
(二)变量声明
使用关键字var声明变量。
var file;
var book;
var boy;
/*字符串可以使用单引号,
也可以使用双引号*/
var the_boy = '小明';
var the_woman = "woman";
var i = 0,j = 1,k = 1; //声明多个变量
(三)创建对象
使用{}或new创建对象。
//对象
var A = {name:'小明',weight:35} //拥有2个属性成员的对象
var B = {} // 空对象
A.hobbies = '旅游'; //添加属性成员
//也可以嵌套
var the_children = {
the_boys:{name:'小明',weight:35},
the_girls:{name:'小丽',weight:35}
}
//对象的属性名可以是字符串
var the_child = {
'the_boys':{name:'小明',weight:35},
'the_girls':{name:'小丽',weight:35}
} //通过new运算符创建并初始化新对象
var o = new Object(); //创建一个空对象,和{}一样
var a = new Array();//创建一个空数组,和[]一样
var d = new Date();//创建一个表示当前时间的Data对象
(四)创建数组
//创建数组
var A = [] //空数组
var B = new Array() //空数组
var B1 = new Array(10) //指定数组长度
var B2 = new Array(1,2,3,4,'name') //指定数组元素
var C = [1,2,3,4,5]
var D = [[1,2,3],[1,2,3,4,5]]
var E = ['x',1,2,{name:'小明',weight:35},]
(五)定义函数
//使用关键字function (参数) { JS代码(函数包含的语句) }定义一个函数
//可以直接赋值给一个变量
var the_fc = function (x,y) {
return x*y;
}
//也可以是一个单独的语句
function f(x,y) {
return x*y;
}
(六)属性访问
使用.或[]访问
//数组初始化表达式
var the_array = [1,2,3];
var B = [[1,2,3],[1,2,3,4,5]] var the_children = {
the_boys:{name:'小明',weight:35},
the_girls:{name:'小丽',weight:35}
} console.log(B[1]) //使用索引访问数组内容
console.log(B[1][0]) //使用索引访问数组内容
console.log(the_children.the_boys) //访问对象the_children的the_boys属性的值
console.log(the_children['the_girls'])//访问对象the_children的the_girls属性的值
console.log(the_children.the_boys.name) //..访问the_boys对象name属性的值

JS笔记(一):基础知识的更多相关文章
- MyBatis:学习笔记(1)——基础知识
MyBatis:学习笔记(1)--基础知识 引入MyBatis JDBC编程的问题及解决设想 ☐ 数据库连接使用时创建,不使用时就释放,频繁开启和关闭,造成数据库资源浪费,影响数据库性能. ☐ 使用数 ...
- C#学习笔记(基础知识回顾)之值类型与引用类型转换(装箱和拆箱)
一:值类型和引用类型的含义参考前一篇文章 C#学习笔记(基础知识回顾)之值类型和引用类型 1.1,C#数据类型分为在栈上分配内存的值类型和在托管堆上分配内存的引用类型.如果int只不过是栈上的一个4字 ...
- C#学习笔记(基础知识回顾)之值传递和引用传递
一:要了解值传递和引用传递,先要知道这两种类型含义,可以参考上一篇 C#学习笔记(基础知识回顾)之值类型和引用类型 二:给方法传递参数分为值传递和引用传递. 2.1在变量通过引用传递给方法时,被调用的 ...
- C#学习笔记(基础知识回顾)之值类型和引用类型
一:C#把数据类型分为值类型和引用类型 1.1:从概念上来看,其区别是值类型直接存储值,而引用类型存储对值的引用. 1.2:这两种类型在内存的不同地方,值类型存储在堆栈中,而引用类型存储在托管对上.存 ...
- Quartz学习笔记:基础知识
Quartz学习笔记:基础知识 引入Quartz 关于任务调度 关于任务调度,Java.util.Timer是最简单的一种实现任务调度的方法,简单的使用如下: import java.util.Tim ...
- Scala学习笔记--正则表达式基础知识、如何在scala内使用
正则表达式语法:https://msdn.microsoft.com/zh-cn/library/ae5bf541(VS.80).aspx 基础知识:正则表达式30分钟入门教程 http://www. ...
- (C/C++学习笔记) 一. 基础知识
一. 基础知识 ● 程序和C/C++ 程序: 根据Wirth (1976), Algorithms + Data Structures = Programs. Whence C: 1972, Denn ...
- PHP笔记1__基础知识
客户端: 美妙的网页组成(都是由浏览器解释): 1.HTML 2.CSS--给HTML化妆 3.客户端脚本编程语言(JavaScript等)--特效 服务器端: 1.Web服务器Apache/Ngi ...
- 数据库学习笔记 - MySQL基础知识
一.数据库基础知识 1.1 Whats's 数据库 数据库(Database,DB):将大量数据保存起来,通过计算机加工而成的可以进行高效访问的数据集合.如:大型-银行存储的信息,小型-电话簿. 数据 ...
- Docker的学习笔记(一)基础知识
概述 本人最近在学习docker相关的知识,既是工作本身的需要也是自己对技术的追求的必要,以后我也会推出容器相关的随笔,既可以增长自己的知识,也可以和读者广泛交流,岂不乐乎?话不多说.第一篇先介绍do ...
随机推荐
- 【微服务】.netCore eShopOnContainers 部署实践《一》
官方说明文档 -------------------------------------------------------------- # eShopOnContainers - Microser ...
- ARM架构处理器扩展结构-NEON
是适用于ARM Cortex-A系列处理器的一种128位SIMD(Single Instruction, Multiple Data,单指令.多数据)扩展结构. 从智能手机和移动计算设备到HDTV,它 ...
- python中的数字取整(ceil,floor,round)概念和用法
python中的数学运算函数(ceil,floor,round)的主要任务是截掉小数以后的位数.总体来说 就是取整用的.只是三者之间有微妙的区别: floor() :把数字变小 ceil() : ...
- HTML编辑器 -- KindEditor
KindEditor 是一套开源的在线HTML编辑器,主要用于让用户在网站上获得所见即所得编辑效果,开发人员可以用 KindEditor 把传统的多行文本输入框(textarea)替换为可视化的富文本 ...
- [原创]Struts2奇葩环境任意文件上传工具(解决菜刀无法传文件或上传乱码等问题)
上面这问题问得好 1 不知道大家有没碰到有些Strus2站点 上传JSP后访问404 或者503 注意我说的是404或503不是403(要是403换个css/img等目录或许可以) 但 ...
- C# 算法之链表、双向链表以及正向反向遍历实现
1.简介 链表是一种非常基础的数据结构之一,我们在日常开发种都会接触到或者是接触到相同类型的链表数据结构.所以本文会使用C#算法来实现一个简单的链表数据结构,并实现其中几个简单的api以供使用. 2. ...
- Oracle 创建表并设置主键自增
创建数据库 CREATE TABLE STUDENT(ID NUMBER PRIMARY KEY, NAME VARCHAR(200) NOT NULL, SEX VARCHAR(200), CREA ...
- Spring Security使用报错 No bean named 'springSecurityFilterChain' is defined
今天配置spring security时,运行报出No bean named 'springSecurityFilterChain' is defined错误,报错信息如下 严重: Exception ...
- IDEA从SVN中导入多模块项目
idea多模块项目的导入 在IntelliJ IDEA中间新建一个空项目,名字可以是svn要检索的的项目名称,原则是开心就好: 现在,我们将我们在svn中的多模块的项目down下来 选中顶部的导航中的 ...
- vue选中与取消简单实现
<li v-for="(item,index) in assign" :key="index" @click="selected(item)&q ...