基本使用

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基本使用的更多相关文章

  1. JavaScript之父Brendan Eich,Clojure 创建者Rich Hickey,Python创建者Van Rossum等编程大牛对程序员的职业建议

    软件开发是现时很火的职业.据美国劳动局发布的一项统计数据显示,从2014年至2024年,美国就业市场对开发人员的需求量将增长17%,而这个增长率比起所有职业的平均需求量高出了7%.很多人年轻人会选择编 ...

  2. javascript中的Array对象 —— 数组的合并、转换、迭代、排序、堆栈

    Array 是javascript中经常用到的数据类型.javascript 的数组其他语言中数组的最大的区别是其每个数组项都可以保存任何类型的数据.本文主要讨论javascript中数组的声明.转换 ...

  3. Javascript 的执行环境(execution context)和作用域(scope)及垃圾回收

    执行环境有全局执行环境和函数执行环境之分,每次进入一个新执行环境,都会创建一个搜索变量和函数的作用域链.函数的局部环境不仅有权访问函数作用于中的变量,而且可以访问其外部环境,直到全局环境.全局执行环境 ...

  4. 探究javascript对象和数组的异同,及函数变量缓存技巧

    javascript中最经典也最受非议的一句话就是:javascript中一切皆是对象.这篇重点要提到的,就是任何jser都不陌生的Object和Array. 有段时间曾经很诧异,到底两种数据类型用来 ...

  5. 读书笔记:JavaScript DOM 编程艺术(第二版)

    读完还是能学到很多的基础知识,这里记录下,方便回顾与及时查阅. 内容也有自己的一些补充. JavaScript DOM 编程艺术(第二版) 1.JavaScript简史 JavaScript由Nets ...

  6. 《Web 前端面试指南》1、JavaScript 闭包深入浅出

    闭包是什么? 闭包是内部函数可以访问外部函数的变量.它可以访问三个作用域:首先可以访问自己的作用域(也就是定义在大括号内的变量),它也能访问外部函数的变量,和它能访问全局变量. 内部函数不仅可以访问外 ...

  7. JavaScript权威指南 - 函数

    函数本身就是一段JavaScript代码,定义一次但可能被调用任意次.如果函数挂载在一个对象上,作为对象的一个属性,通常这种函数被称作对象的方法.用于初始化一个新创建的对象的函数被称作构造函数. 相对 ...

  8. JavaScript自定义浏览器滚动条兼容IE、 火狐和chrome

    今天为大家分享一下我自己制作的浏览器滚动条,我们知道用css来自定义滚动条也是挺好的方式,css虽然能够改变chrome浏览器的滚动条样式可以自定义,css也能够改变IE浏览器滚动条的颜色.但是css ...

  9. JavaScript进阶之路(一)初学者的开始

    一:写在前面的问题和话 一个javascript初学者的进阶之路! 背景:3年后端(ASP.NET)工作经验,javascript水平一般般,前端水平一般般.学习资料:犀牛书. 如有误导,或者错误的地 ...

  10. 梅须逊雪三分白,雪却输梅一段香——CSS动画与JavaScript动画

    CSS动画并不是绝对比JavaScript动画性能更优越,开源动画库Velocity.js等就展现了强劲的性能. 一.两者的主要区别 先开门见山的说说两者之间的区别. 1)CSS动画: 基于CSS的动 ...

随机推荐

  1. 阶段5 3.微服务项目【学成在线】_day03 CMS页面管理开发_07-新增页面-前端-页面完善

    在新增页面加返回按钮 <el-button type="primary" @click="go_back" >返回</el-button> ...

  2. Qt编写自定义控件20-自定义饼图

    前言 上次在写可视化数据大屏电子看板项目的时候,为了逐步移除对QChart的依赖(主要是因为QChart真的太垃圾了,是所有Qt的模块中源码最烂的一个,看过源码的人没有一个不吐槽,不仅不支持10W级别 ...

  3. php开启短标签与<?xml version="1.0" encoding="UTF-8"?>冲突

    前两天写了个生成mapsite的源码,想提交到百度和谷歌,在本地测试一点问题都没有,但是在服务器上就显示500错误 最后废了九牛二虎之力,终于可以设置iis直接显示出错信息. 也搞懂了问题所在,默认服 ...

  4. Python实现的选择排序算法原理与用法实例分析

    Python实现的选择排序算法原理与用法实例分析 这篇文章主要介绍了Python实现的选择排序算法,简单描述了选择排序的原理,并结合实例形式分析了Python实现与应用选择排序的具体操作技巧,需要的朋 ...

  5. 阿里云服务出现TCP连接快速增加尤其是NON_ESTABLISHED大量增加导致内存和CPU暴增系统无法使用的问题

    TCP状态转移要点TCP协议规定,对于已经建立的连接,网络双方要进行四次握手才能成功断开连接,如果缺少了其中某个步骤,将会使连接处于假死状态,连接本身占用的资源不 会被释放.网络服务器程序要同时管理大 ...

  6. ubuntu默认root密码问题,第一次使用ubuntu需要设置root密码

    http://www.voidcn.com/article/p-yvnoogkc-ng.html 新接触ubuntu(baseondebian)的人,大多会因为安装中没有提示root密码而不太清楚为什 ...

  7. DataFrame执行groupby聚合操作后,如何继续保持DataFrame对象而不变成Series对象

    刚接触pandas不久,在处理特征时,碰到一个恶心的问题:用groupby聚合后,之前的dataframe对象变成了series对象,聚合的字段变成了索引index,导致获取这些字段时很麻烦,后面发现 ...

  8. swift 第四课 随意 设置button 图片和文字 位置

    项目中经常遇到按钮改变文字和图片位置的情况,所以尝试写一个 button 的分类: 参照连接 http://blog.csdn.net/dfqin/article/details/37813591 i ...

  9. webdriervAPI(警告框处理)

    from  selenium  import  webdriver driver  =  webdriver.Chorme() driver.get("http://www.baidu.co ...

  10. [PyTorch] Facebook Research - Mask R-CNN Benchmark 的安装与测试

    Github项目链接:https://github.com/facebookresearch/maskrcnn-benchmark maskrcnn_benchmark 安装步骤: 安装Anacond ...