1、什么是JavaScript?
他是一个脚本语言,也是一种解释性语言,也是一种弱类型语言。
2,当我们学习JavaScript时我们肯定要知道,js的组成是什么? 应该怎么用?这些是最基础的。
js的组成:核心ECMAScript DOM BOM。
js怎么用:(有几种方法)1.在Script对标签中写js代码
2.在外部js中写js,然后在引入进来;
3.在属性里面写js代码,(这种是不太推荐的,因为这样影响自己发现问题,不方便改)
这些方法其实是跟引入css样式差不多的,不同就是,js可以在body和head里面都可以写。
3.现在进入正题js的变量以及规范
我们一般使用var来申明变量了,这变量是在内存中申明的一段可以存储可变化的量,但是我们申明变量不是随便申明的,它是有一定规则的,比如不能用数字开头但可以用字母、下划线 和 $,还有不能关键字还有保留着、驼峰等。
4js的数据类型
4.1.数字类型number小数和整数 可以表示32位的整数 可以表示64位的浮点数
4.2string 需要用 "" 或''包括的就是字符串类型一个字符占两位
4.3boolean; true false
4.4undefined 就是定义一个空值,在""里面不写东西(这是个人理解仅供参考)
4.5null 可以把一个值定义为null
5.js的运算
5.1string + number = string
5.2string + boolean = string
5.3 number + boolean = number
5.4number + undefiend = NaN
5.5 boolean + undefiend = NaN
5.6 string + undefiend = string
6.关系运算
这几个运算符是我们常见的比如:什么< > <= => == === != !==等
这几个最后输出的结果一定都是Boolean类型的
== 判断两个数据是否相等
!= 不等于, 判断两个数据是否不相等
===  判断数值和类型是否完全相等
!== 判断数值和类型是否完全不相等
比如判断一个东西是否涨价
var input = prompt("请输入价格");
 var a = input>6888;
var b = input<6888;
console.log("涨价了"
+a);
 console.log("没有涨价"+ b);
7.位运算符
只能做数字的运算,且将数字转换成二进制,在做运算
&  按位 与 将两边的操作数转换成为二进制,每位的数字,只要对应都是1的时候,该位的结果才为1,否则该位结果为0
这是我自己做的一个小案例

var num1 = 6;
 var num2 = 7;
var r = num1 & num2;
console.log(r)   //110:6

可以用它来判断奇偶性,尾数是一为奇数,尾数为0为偶数;(%用取模的方法也可以判断奇偶)

| 按位 或 将两边的操作数转换成为二进制,比较每位上的数字,两个数字中有一个是1,则该位的结果就是1 ,否则 0

var num1 = 6;
 var num2 = 7;
 var r = num1 | num2;
 console.log(r)//111:7

场合:向下取整 位运算一定会将数据转换为二进制,而小数会被转换为整数

<<按位左移  ,将二进制数,向左移动几位 ,右面以0 补位

>>按位右移  ,将二进制数,向左移动几位 ,右面以0 补位

^异或 将两边的数字转换为二进制 进行比较,每位上的数字,只有一个为1时,该位结果才为1,否则0

8.赋值运算

有单目运算 双目运算 三目运算

单目运算和双目运算相对较简单,我在这里主要是解释一下三目运算

这是我写的一个小案例,可以对着这个看

var het = prompt("请输入体重");
var weet = prompt("请输入身高");
var a = het/(weet*weet);
var a = b;
var b = a>=25 ?"偏胖":a>=20 && a<25 ?"正常":"偏瘦";
console.log(b)

这些都是个人的见解,可以给你们提供参考和学习,最主要的是自己理解和操作。

对js的有感而发的更多相关文章

  1. js ShowDialogModal 关闭子页面并刷新父页面,保留查询条件

    不知道大家有没有碰到类似的问题,当时的你是什么思路来处理这个问题呢?是url,session,cookie,还是…… 今天笔者就遇到了这个问题,当时的想法如:url,session,cookie都尝试 ...

  2. Vue.js 和 MVVM 小细节

    MVVM 是Model-View-ViewModel 的缩写,它是一种基于前端开发的架构模式,其核心是提供对View 和 ViewModel 的双向数据绑定,这使得ViewModel 的状态改变可以自 ...

  3. js学习笔记:操作iframe

    iframe可以说是比较老得话题了,而且网上也基本上在说少用iframe,其原因大致为:堵塞页面加载.安全问题.兼容性问题.搜索引擎抓取不到等等,不过相对于这些缺点,iframe的优点更牛,跨域请求. ...

  4. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  5. JS调用Android、Ios原生控件

    在上一篇博客中已经和大家聊了,关于JS与Android.Ios原生控件之间相互通信的详细代码实现,今天我们一起聊一下JS调用Android.Ios通信的相同点和不同点,以便帮助我们在进行混合式开发时, ...

  6. jquery和Js的区别和基础操作

    jqery的语法和js的语法一样,算是把js升级了一下,这两种语法可以一起使用,只不过是用jqery更加方便 一个页面想要使用jqery的话,先要引入一下jqery包,jqery包从网上下一个就可以, ...

  7. 利用snowfall.jquery.js实现爱心满屏飞

    小颖在上一篇一步一步教你用CSS画爱心中已经分享一种画爱心的方法,这次再分享一种方法用css画爱心,并利用snowfall.jquery.js实现爱心满屏飞的效果. 第一步: 利用伪元素before和 ...

  8. node.js学习(三)简单的node程序&&模块简单使用&&commonJS规范&&深入理解模块原理

    一.一个简单的node程序 1.新建一个txt文件 2.修改后缀 修改之后会弹出这个,点击"是" 3.运行test.js 源文件 使用node.js运行之后的. 如果该路径下没有该 ...

  9. JS正则表达式常用总结

    正则表达式的创建 JS正则表达式的创建有两种方式: new RegExp() 和 直接字面量. //使用RegExp对象创建 var regObj = new RegExp("(^\\s+) ...

随机推荐

  1. 20190608_浅谈go&java差异(三)

    20190608_浅谈go&java差异(三) 转载请注明出处https://www.cnblogs.com/funnyzpc/p/10990703.html 第三节内容概览 多线程通讯(线程 ...

  2. No package gcc48-c++ available

    yum install gcc48-c++ linux 下编译安装 rocksdb,发现没有这个 gcc48-c++,感觉这个48 应该是版本号,于是在 yum install gcc-c++,安装成 ...

  3. centos和Ubuntu系统最小化安装基础命令

    CentOS系统常用的基础软件如下 yum install vim iotop bc gcc gcc-c++ glibc glibc-devel pcre \ pcre-devel openssl o ...

  4. August 18th, 2019. Week 34th, Sunday

    Fear doesn't shut you down, it wakes you up. 恐惧不会消磨你的意志,它能激发你的潜能. We all know that fear is powerful, ...

  5. CountDownLatch(倒计时计数器)使用说明 --并发

    方法说明:   public void countDown()      递减锁存器的计数,如果计数到达零,则释放所有等待的线程.如果当前计数大于零,则将计数减少.如果新的计数为零,出于线程调度目的, ...

  6. 解决安装tensorflow-gpu失败:Command "python setup.py egg_info"failed with error code 10 in.....

    按照https://blog.csdn.net/shawroad88/article/details/82222811前几步安装. 又有新的报错如下: 再运行运行代码安装setuptools pip ...

  7. a minimum of subsistence

    A hundred years ago it was assumed and scientifically "proved" by economists that the laws ...

  8. IT兄弟连 HTML5教程 CSS3揭秘 CSS3属性1

    通过CSS选择器找到元素,就要使用CSS属性给找到的元素设置样式.尽管现在的浏览器已经支持了众多的CSS3属性,但作为初学者,最应该关注的就是一些“主流”的属性,如border-radius.box- ...

  9. Win10(64位)安装汇编环境(MASM)

    1:需要的文件 需要的安装包:这些百度都能下载找到 1).DOSBox 链接: 2) .MASM5.0 链接: 3).DEBUG 链接: 下面给出我们打包的环境 直接可用: (汇编我并不需要关注安装这 ...

  10. Kafka简明教程

    作者:柳树之 www.jianshu.com/p/7b77723d4f96 Kafka是啥?用Kafka官方的话来说就是: Kafka is used for building real-time d ...