1、初识JS

a.我的第一个JS程序;

  document.write(“Hello JS”);//这段代码是输出到body中就是直接打开就可以看到;

  console.log("Hello JS"); //这段代码是可以通过检查,可以在后台显示看到;

b.JS添加

  JS在一个页面内可以在任何地方添加<script type="text/javascript">document</script>顺序自上而下执行;

c.JS引入

<script type="text/javascript" src="Day1_0921第一个js代码.js">

        </script>

d.注释

  /*一大段文本*/  /**/在俩个*号中间可以注释一大段文本

  //我是一行文本   //在双斜杠后可以单独注释一行文本  快捷键  ctrl+/   

2.常量与变量

a.量:用来在计算中存储和表示数据

 常量:在程序运行中是不可以改变的

  console.log(5);

  5=666; //错误案例

  console.log(5);

//----------------------------------------------------------------分割-----------------------------------------------------------------------

//变量:在程序运行中,其值可以改变

 定义:var 标识符;创建一个空间

 关键字:拥有某种含义的单词

var关键字:告知编译器后面的标识符为一个变量

  var a;

 a=123;

 console.log("a");

 a=456;

 console.log("a");   //最后输出结果123   <br>   456

b.左值和右值

 左值:空间

 右值:数值,值

c.初始化与赋值

 初始化:在定义这一行变量的时候同时赋值;

 赋值:除了初始化以外的赋值;

 var a;

 a=123;

 console.log("a");

3.标识符命名规则

 a.//只能由数字、字母、下划线和$构成,首字母不能为数字,也不能和已有关键字和库函数重复;

 b.不成文规定

  (1)变量名必须用英文,必须用拼音;

  (2)起名见名知意;

  (3)变量名太长的时候,骆驼命名法:除了第一个单词之外的单词,首字母大写

4注意:JS  ES3的语法天生残疾;

  a.不应该使用未被定义的变量,变量应该先定义后使用

  a=123;

  console.log(a);

  var a;

  b.变量不应该重复定义(错误示例)

  var a =123;

  console.log(a);

  var a=456;

  console.log(a);

5.数据类型:检验算法合法性的必要条件,避免一座山+一杯水的问题:

  var a =123;

  var b =xxx;

  a+b;

a.基本类型

  (1):undefined:未被赋值的变量的默认

  (2):null:空值  类似于undefined,可以理解为等价console.log(null==undefined)

  (3):number:数字

    整型   没有小数点

    浮点型  带有小数点的数字

  (4):string:字符串,被单引号或者双引号括起来的字符序列

    console.log(“123”+1);

  (5):布尔类型  逻辑值   ture   false

    var flag=true;

    console.log(flog);

  *引用:除了基本类型都是引用类型(object

    typeof:判断数据是什么类型

  console.log(typeof(a));

    var a=123;

  console.log(typeof a);

    int a;

6.运算符(优先级、结合方向、操作目数)

  a.算数/加法/数学运算符+ - * / %(求余、取模)

    console.log(2+3);

    console.log(2-3);

    console.log(2*3);

    console.log(2/3);

    求余运算符:最后的结果为余数:比如下边的例子,结果为2

    console.log(2%3);

  b.赋值运算符 =

    var a=b=2

    var a=b+2

    *复合的赋值运算符+=、-=、*=、/=优先级比较低

    例如:

        a=5;

        var a%=2-3;输出结果为1  

  c.自增减运算++、--

    ++a;  先加后计算    var a=a+1    var a=5; ++a;   colsole.log(a);   a为6

    a++      先算后加 (过了该条语句再算)    var a=5; a++; var a;  colsole.log(a);   a为5 k  6

    var k=0;

    k=k++ + ++k +k + k++;    (千万不要写出这样的代码   要有可读性)

  d.关系运算符(输出结果会是一个boolean值:true/false)

    >、>=...!=、===(严格等)

  e.逻辑运算符&& 、|| 、!(与、或、非)  通过逻辑量和关系表达式连接起来其结果也是boolean类型

    &&(与):完成一件事,有N个步骤,每个步骤都得完成,此件事才能完成,所有步骤之间的关系就是与;

    ||(或):完成一件事,有N个方法,任何一个方法都能解决该问题,则个个方法间的关系为或;

    !(非):某个条件的对立面,注意:!男。。。不光是女的  往国外  往高技术想

   ex:var i = -4;

     var j;

      //短路与,首次遇到失败的条件,后面与运算终止

     j=-5>i&&++i<3

     console.log("i");

----------------------------------------------------------------

     

     var i = -4;

     var j;

      //短路或,首次遇到失败的条件,后面与运算终止

     j=-5>i||++i<3

     console.log("i");

学习JS的第一天--初识JS的更多相关文章

  1. JavaScript学习笔记(一)——初识js

    这个周,开始了JavaScript的学习路程.虽然从高中开始就接触了网页设计的知识,大学里的学习也算回顾了Html和Css的知识,实习期间在牛盾科技也是做的网站建设,不过通过前段时间找工作才发现自己了 ...

  2. js学习之路1: 初识js函数

    1. 简单的函数: <html> <head> <script type="text/javascript"> function myfunct ...

  3. Python学习之旅--第一周--初识Python

    一:Python是一种什么样的语言? 1.语言的分类: a.编译型语言和解释性语言: 通常所说的计算机语言分为编译型和解释型语言.编译型语言典型的如C,C++,通常在程序执行之前必须经由编译器编译成机 ...

  4. Vue.js 学习笔记 第1章 初识Vue.js

    本篇目录: 1.1 Vue.js 是什么 1.2 如何使用Vue.js 本章主要介绍与Vue.js有关的一些概念与技术,并帮助你了解它们背后相关的工作原理. 通过对本章的学习,即使从未接触过Vue.j ...

  5. 一个Js开发者学习Python的第一天

    原文地址:小寒的博客 https://www.dodoblog.cn/blogs/5bf6b8fa0c09883d0f8aad13 作为一个有着足足两年半学习经验和一年半开发经验的js开发者,看着js ...

  6. node.js系列笔记之node.js初识《一》

    node.js系列笔记之node.js初识<一> 一:环境说明 1.1 Linux系统CentOS 5.8 1.2 nodejs v0.10.15 1.3 nodejs源码下载地址 htt ...

  7. Node.js入门教程:Node.js如何安装配置并部署第一个网站

    前言:作为一个资深的前端开发人员,不懂的Node.js 那你绝对是不能跟别人说你是资深的前端程序猿滴! 今天洋哥就来和大家一起学习被大牛称之为前端必学的技能之一Node! 那么Node到底是什么呢? ...

  8. 学习RaphaelJS矢量图形包--Learning Raphael JS Vector Graphics中文翻译(一)

    (原文地址:http://www.cnblogs.com/idealer3d/p/LearningRaphaelJSVectorGraphics.html) 前面3篇博文里面,我们讲解了一本叫做< ...

  9. 初识JS正则表达式

    初识JS正则表达式 看到的使用的正则表达式练习:http://www.cnblogs.com/wenanry/archive/2010/09/06/1819552.html PS:本文参考李炎恢JS笔 ...

随机推荐

  1. selenium+python处理Alert弹窗

    from selenium import webdriver import win32api import win32con from time import sleep driver = webdr ...

  2. Dapr + .NET Core实战(六)绑定

    什么是绑定 处理外部事件或调用外部接口的功能就是绑定,绑定可以提供以下好处: 避免连接到消息系统 ( 如队列和消息总线 ) 并进行轮询的复杂性 聚焦于业务逻辑,而不是如何与系统交互 使代码不受 SDK ...

  3. node.js及npm安装&配置

    之前我们在文言文安装教程里写过node.js及npm的安装,这里我们详细写一下. 下载node.js node.js下载分为两种,官网nodejs.org,和国内官网nodejs.cn,国内的童鞋建议 ...

  4. 三种方法求解最大子区间和:DP、前缀和、分治

    题目 洛谷:P1115 最大子段和 LeetCode:最大子序和 给出一个长度为 \(n\) 的序列 \(a\),选出其中连续且非空的一段使得这段和最大. 挺经典的一道题目,下面分别介绍 \(O(n) ...

  5. 高中最后一刻&大学第一课&为人师的责任

    文章不是技术文,只是分享一些感想,作为一只程序猿,不说好好敲代码,跑出来思考人生,不是合格的程序猿,罪过罪过,自我反思3秒钟,我们继续,毕竟程序猿的人生不只是Coding,也希望自己这点感想被更多刚入 ...

  6. web_security学习路线

    一.了解黑客是如何工作的 1.在虚拟机配置Linux系统 2.漏洞测试工具 3.msf控制台 4.远程工具RATS 5.远程访问计算机 6.白帽 二.技术基础 漏斗扫描工具AWVS AWVS简介 安装 ...

  7. CF992E Nastya and King-Shamans(线段树二分+思维)

    这是一道卡常好题 从160s卡到36s qwq 由于题目设计到原数组的单点修改,那么就对应着前缀和数组上的区间加. 很显然能想到用线段树来维护这么个东西. 那么该如果求题目要求的位置呢 我们来看这个题 ...

  8. linux版火狐浏览器部署详解

    Firefox下载地址 Firefox全历史版本下载: http://ftp.mozilla.org/pub/firefox/releases/ Firefox驱动问题下载  https://gith ...

  9. 使用tinypng对需要上传Gitee图床的图片进行压缩

    目录 背景 Tinypng简介 Tinypng使用 手动上传图片 使用API 调用API自动上传超过1MB图片 安装tinyfy 自动上传脚本 其他 背景 在使用Gitee作为图床时(使用Typora ...

  10. Java(27)集合二List

    作者:季沐测试笔记 原文地址:https://www.cnblogs.com/testero/p/15228435.html 博客主页:https://www.cnblogs.com/testero ...