美文网首页
一、JavaScript基础语法

一、JavaScript基础语法

作者: 天降小明明 | 来源:发表于2017-06-16 09:59 被阅读5次

1、script标签在html文档中的位置
1.在html文档中
2.将javascript代码存在一个扩展名为.js的独立文件中,然后在<head>标签内引入
3.最好的方法是,将<script>标签放在html文档的最后。好处:能够让浏览器更快的加载

2、注释(comment)
JavaScript中的注释:

3、变量(variable)和变量声明(declare)
var age;
var mood; (未声明)
提前声明变量是一种好习惯
var age = 33;
var mood = "happy";
多个变量时,声明和赋值,最有效率的做法:
var age = 33,mood = "happy";

变量命名:一般地,函数名、方法名、对象属性名采用“驼峰格式”

4、数据类型
字符串
使用单引号或者双引号 字符串中包含单引号或者双引号的话,那就用与之相反的引号将其包住(一般情况下,推荐统一使用双引号)。同时,字符串中的引号需要进行转义(escaping)
exp: var mood = “dont't ask”;

数值
var num = 22;
极大值或者极小值推荐采用科学计数法 exp:var num = 3e20;

布尔值 true false;
var flag = true;

数组
声明数组:var arr = Array(); 填充数组:arr[index] = element;
相对简单的方式:声明与填充数组一起:
var arr = Array("limimg","chongqing",23);
更简单的方式:
var arr = ["liming","chongqing",23];
多维数组:数组中包含其他的数组:
var info = ["liming","chongqing",23];
var arr = []; arr[0] = info;那么,arr[0][0] = "liming";
关联数组:可以使用字符串来代替数字值,使代码更具有可读性。exp:
var info = Array();
info["name"] = "liming";
info["address"] = "chongqing";
info["age"] = 23;
那么,arr[0].name 的值就为"liming"
Tips:不推荐使用关联数组的方式,本质上,它也属于对象,为其添加了属性;因此推荐使用下面 对象 的方式。

自定义对象
创建对象使用Object关键字,exp:
var stu = Object();
stu.name = "liming";
stu.address = "chongqing";
stu.age = 23;
更简洁的语法:{propertyName:value,propertyName:value}
exp:
var stu = {name:"liming",address:"chongqing",age:23};
Tips1:属性名与变量名的命名规则有相同之处,属性值可以是任何js值,包括对象。
Tips2:用对象来代替传统数组的做法,意味着可以通过元素的名字而不是下标数字来引用他们,这大大提高了脚本的可读性。
exp:
var stu = {name:"liming",address:"chongqing",age:23};
var person = {};
person.info = stu;
那么,person.info.name的值就为“liming”

5、变量的作用域
局部变量与全局变量
如何区分:可以用var关键字明确地为函数变量设定作用域,如果在某个函数中的变量使用了var,那么这个变量就将被视为一个局部变量。,如果没有使用var,那么变量就将被视为一个全局变量。如果脚本里已经存在了一个与之同名的全局变量,这个函数就会改变那个全局变量的值。

6、内建对象 宿主对象
JavaScript提供了许多内建对象,比如Date对象,Array对象,Math对象等,这些内建对象可以帮助我们快速、简单地完成许多任务。
宿主对象,包括Form、Image和Element等,我们最常用的就是document对象。

相关文章

  • 技术栈

    一、HTML、CSS基础、JavaScript语法基础。 二、JavaScript语法进阶。包括:作用域和闭包、t...

  • 2020前端技术栈

    一、HTML、CSS基础、JavaScript语法基础。二、JavaScript语法进阶。包括:作用域和闭包、th...

  • JavaScript-01

    A 什么是JavaScript JavaScript 定义JavaScript JavaScript基础语法 常用...

  • JavaScript语法教程学哪些知识点?

    JavaScript语法教程学哪些知识点?JavaScript语法需要学计算机基础、Javascript变量、数据...

  • 07-JavaScript语法

    一.Javascript 基础语法 1.JavaScript语言介绍 JavaScript 的诞生JavaScri...

  • JavaScript基础语法

    JavaScript基础语法 主要内容 JavaScript 简介 ​ JavaScript 是一种具有面向对象能...

  • JavaScript学习笔记(一)-- JavaScript基础

    JavaScript基础语法 HTML : 标记语言 JavaScript : 编程语言 序言 JavaScrip...

  • 学习记录_javaScript_基础语法

    1. javaScript基础语法 学习记录 [1. javaScript简介][1.1. javaScript简...

  • js基础语法

    JavaScript基础语法 HTML:标记语言 JavaScript:编程语言 序言[https://gitee...

  • Angular 学习路线

    第零步:基础语法 在学习 Vue 之前,首先你需要掌握 Html CSS JavaScript 的基础语法。 第一...

网友评论

      本文标题:一、JavaScript基础语法

      本文链接:https://www.haomeiwen.com/subject/nwppqxtx.html