JavaScript基本使用
基本使用
1.JavaScript组成
ECMAScript+BOM+DOM
BOM的思想(重点)
DOM的思想(重点)
2.使用<script></script>标签
document.write方法
原样输出标签
3.注释
单行注释 //
多行注释 /* */
4.使用引入js文件的方式
<script type="text/javascript" src="demo1.js" />; 不可以使用单标签
<script src="demo1.js">alert('xxxx')</script>; 不可以在标签中写代码
5.<script>标签的属性
src 表示要引入的外部文件
type 表示脚本语言的类型
6.常量(字面量)
相对于变量来说,常量是不会改变的,我们可以把JS中的数据值理解为常量,例如1就是数字1,不可能变成其它的,所以它就是常量 每一个具体的数据类型都是常量.
7.变量
顾名思义,变量即可变的量,在JS中我们使用var 关键词来定义一个变量,而变量存储的值可以改变的 值是可以改变的。
在ES6中定义变量使用的是let。
JS中变量本身没有什么意义,仅仅是一个名字而已变量只是一个无意义的名字,我们操作变量其实想要操作的都是它存储的那个值。值不可以变,变量只能代表一个值。
var age = 18;
var weight = 108;
var name = "尹涛";
//尹涛的年龄是18,体重是108 //多个变量跟字符串连接的时候,使用+号
document.write(name+"的年龄是"+age+",体重是"+weight+"<br>");
7.命名规则
一个名字可以由多个有意义的单词组成的,那么第一个单词首字母小写,其余每一个有意义的单词的首字母都要大写
切记:命名的时候要使用英语,千万不能使用拼音。还要注意一点,那就是不是所有的单词都需要简写,我们必须保证别人在看到你命名的名字之后知道是什么意思。要做到“见字知意”。

8.变量的类型
String、Number、Array、Object、
Boolean a==b
特殊类型 Null、Undefined
如果alert(abc)一个不存在的变量,会直接报错,而不是undefined,可见undefined和真正的未定义还是有些区别的。因为它是一种特殊类型。
null也是一种值,但逻辑含义是没有值,它是对象Object类型
typeof关键字
9.变量的计算
加减乘除运算
var a=5+4; var b=a*2; var c=b/4; var d=b-c;
var e=-d; var f=e%4; var g=18.4; var h=g%4;
var i=3; var j=i++; var k=++i;
字符串和变量的拼接
document.write("姓名:"+name+","+"age:"+age);
所有的语句切记要加;结束,虽然不写语法上正确,但这是非常不好的编程习惯
10.关键字
|
break |
else |
new |
var |
|
case |
finally |
return |
void |
|
catch |
for |
switch |
while |
|
continue |
function |
this |
with |
|
default |
if |
throw |
|
|
delete |
in |
try |
|
|
do |
instanceof |
typeof |
11.保留字
|
abstract |
enum |
int |
short |
|
boolean |
export |
interface |
static |
|
byte |
extends |
long |
super |
|
char |
final |
native |
synchronized |
|
class |
float |
package |
throws |
|
const |
goto |
private |
transient |
|
debugger |
implements |
protected |
volatile |
|
double |
import |
public |
12.类型的转换
var a=3; var b="10"; var c=true;
alert(a+b); alert(b+c); alert(a+c);
字符串转换数字类型:parseInt()、parseFloat()
四舍五入Math.round(78.266)--->78
13.赋值操作
n =、+=、-=、*=、/=、%=
14.关系运算
n <、>、<=、>=、==、===、!=
15.逻辑运算
n && 与、|| 或、! 否
16.自增、自减
n ++a, a++
n --a, a--
JavaScript基本使用的更多相关文章
- JavaScript之父Brendan Eich,Clojure 创建者Rich Hickey,Python创建者Van Rossum等编程大牛对程序员的职业建议
软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...
- javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈
Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...
- Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收
执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境 ...
- 探究javascript对象和数组的异同,及函数变量缓存技巧
javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...
- 读书笔记:JavaScript DOM 编程艺术(第二版)
读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...
- 《Web 前端面试指南》1、JavaScript 闭包深入浅出
闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...
- JavaScript权威指南 - 函数
函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...
- JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome
今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...
- JavaScript进阶之路(一)初学者的开始
一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...
- 梅须逊雪三分白,雪却输梅一段香——CSS动画与JavaScript动画
CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...
随机推荐
- About Xi’an
Introduction Ancient Capital It is the birthplace of the Chinese Nation, is one of the four ancient ...
- [转][C#]无法创建虚拟目录。ASP.NET 2.0 尚未在 Web服务器上注册。
参考:http://www.bubuko.com/infodetail-997666.html C:\WINDOWS\Microsoft.NET\Framework\v2.0.50727\aspnet ...
- 【I·M·U_Ops】------Ⅰ------ IMU自动化运维平台设想
说明本脚本仅作为学习使用,请勿用于任何商业用途.本文为原创,遵循CC 4.0 by-sa版权协议,转载请附上原文出处链接和本声明. #A 搞这个平台的初心 由于之前呆的单位所有IT相关硬件资源都要我们 ...
- 在CSS中定义【导航栏】超链接样式
1.案例css代码 <style> .divcss5 a:link{ color:#F00}/* 链接默认为红色 */ .divcss5 a:hover{ color:#000}/* 鼠标 ...
- github上有对应官方的各种模型
https://github.com/tensorflow/models/blob/master/research/object_detection/g3doc/detection_model_zoo ...
- PAT 甲级 1028 List Sorting (25 分)(排序,简单题)
1028 List Sorting (25 分) Excel can sort records according to any column. Now you are supposed to i ...
- iOS-XMPP(转)
IM的实现原理 在我最初学习编程的时候,曾经用JAVA实现了一个最简单版的IM通讯,即通过Socket建立两台电脑之间的连接,然后发送IO流来进行即时通讯,我们现在所使用的IM软件尽管看上去非常 ...
- IIS中应用Application Request Route 配置负载均衡
转自:https://blog.csdn.net/wucong60/article/details/84930234 简介ApplicationRequest Route(后面简称为ARR)是一个寄宿 ...
- Kuhn-Munkras算法解决二分图最优权值匹配
在看这篇博文之前建议看一下上一篇匈牙利法解决二分图最大匹配问题: https://www.cnblogs.com/fangxiaoqi/p/10808729.html 这篇博文参考自:https:// ...
- Vscode中打开、新建内部终端快捷键方法
设置->键盘快捷方式->搜索集成终端->切换集成终端/新建集成终端 Windows 电脑 组合键 说明 Ctrl + ~ 打开默认终端 Ctrl + Shift + ~ 新建新的终端 ...