// examples/main.js
import Vue from 'vue';
import router from './router';
import app from './app';
import dayu from '../packages'; // 载入组件源码

Vue.use(dayu); // 应用组件

Vue.config.productionTip = false;

new Vue({
  router,
  render: h => h(app)
}).$mount('#app');

// vue.config.js
const path = require('path');
module.exports = {
  pages: { // 将 examples 目录添加为新的页面
    index: {
      entry: 'examples/main.js', // page 的入口
      template: 'public/index.html', // 模板来源
      filename: 'index.html' // 输出文件名
    }
  },
  css: { extract: false }, // css文件不分离
  configureWebpack: {
    resolve: {
      alias: {
        '@': path.join(__dirname, 'examples') // @的根目录位置从之前的src改成了examples
      }
    }
  }
};

// 错误
var o = {
  set a(value) {
    this.val = value;
  }
};

// 正确
var o = {
  set a(value) {
    this.val = value;
  },
  get a() {
    return this.val;
  }
};

// 正确
var o = {
  get a() {
    return this.val;
  }
};

// { "before": true, "after": true }前后都要有空格
(a) => {}

// { "before": false, "after": false }前后都不能有空格
(a)=>{}

// 正确
function foo() { return true; }
if (foo) { bar = 0; }
function baz() {
  let i = 0;
  return i;
}
// 错误
function foo() {return true;}//两边都没空格
if (foo) { bar = 0;}//右边没空格
function baz() {let i = 0;//左边没有换行或者空格
  return i;
}

var obj = { "foo": 42 };

// 正确
if (foo) {
  //...
} else if (bar) {
  //...
} else {
  //...
}

//错误
if (foo) {
  //...
}else if (bar) {// 关键字else前面没有空格
  //...
} else{// 关键字else后面没有空格
  //...
}

// 正确
function * generator() {
  yield "44";
  yield "55";
}

// 错误
function* generator() {
  yield "44";
  yield "55";
}

// 错误
function *generator() {
  yield "44";
  yield "55";
}

//正确
function * generator() {
  yield * other();
}
//错误

//正确
var a = 1;
if(foo === "bar") {}
a << b
var arr = [1, 2];
a ? b: c

//错误
var a =  1; // 等号右边多了空格
if(foo   === "bar") {}  // 全等左边多了空格
a <<  b // 逻辑左移右边两个空格
var arr = [1,  2];  // 数组元素中间多了空格
a ?  b: c //?后面多了空格

//正确
if (a) {
  b();
}
if (a) {
  b();
} else{
  c();
}
function a() {}
for (;;) {
    b();
}
try {} catch(a) {}

//错误
if (a){
  b();
}
function a(){}
for (;;){
  b();
}
try {} catch(a){}
class Foo{
  constructor(){}
}

//正确
function foo() {
  // ...
}
var bar = function() {
  // ...
};
var bar = function foo() {
  // ...
};
class Foo {
  constructor() {
    // ...
  }
}
var foo = {
  bar() {
    // ...
  }
};
var foo = async() => 1;

//错误
function foo () {
  // ...
}
var bar = function () {
  // ...
};
var bar = function foo () {
  // ...
};
class Foo {
  constructor () {
    // ...
  }
}
var foo = {
  bar () {
    // ...
  }
};
var foo = async () => 1;

//正确
fn()

//错误
fn ()

fn
()

//正确
if (a) {
  b();
}

//错误
if (a) {

  b();

}
if (a) {

  b();
}
if (a) {
  b();

}

//错误
var foo = 0;//•••••
var baz = 5;//••

// 正确
function doSmth() {
  var foo = 2;
}\n

// 正确
function foo() {
  return true;
}

if (foo) {
  bar();
}

if (foo) {
  bar();
} else {
  baz();
}

try {
  somethingRisky();
} catch(e) {
  handleError();
}

// 没有大括号，没有问题
if (foo) bar();
else if (baz) boom();

// 允许单行
function nop() { return; }

if (foo) { bar(); }

if (foo) { bar(); } else { baz(); }

try { somethingRisky(); } catch(e) { handleError(); }

//错误
function foo()
{// 大括号开始需要跟方法同一行
  return true;
}

if (foo)
{// 大括号开始需要跟控制同一行
  bar();
}

try
{ // 大括号开始需要跟控制同一行
  somethingRisky();
} catch(e)
{ // 大括号开始需要跟捕获同一行
  handleError();
}

if (foo) {
  bar();
}// 大括号结束需要跟后续同一行
else {
  baz();
}

import { no_camelcased as camelCased } from "external-module";

var myFavoriteColor   = "#112C85";
var _myFavoriteColor  = "#112C85";
var myFavoriteColor_  = "#112C85";
var MY_FAVORITE_COLOR = "#112C85";
var foo = bar.baz_boom;
var foo = { qux: bar.baz_boom };

obj.do_something();
do_something();
new do_something();

var { category_id: category } = query;

function foo({ isCamelCased }) {
    // ...
};

function foo({ isCamelCased: isAlsoCamelCased }) {
    // ...
}

function foo({ isCamelCased = 'default value' }) {
    // ...
};

var { categoryId = 1 } = query;

var { foo: isCamelCased } = bar;

var { foo: isCamelCased = 1 } = quz;

// 正确
var foo = {
    bar: "baz",
    qux: "quux"
};

var arr = [1,2];

foo({
  bar: "baz",
  qux: "quux"
});

// 错误
var foo = {
    bar: "baz",
    qux: "quux",
};

var arr = [1,2,];

foo({
  bar: "baz",
  qux: "quux",
});

'comma-spacing': [2, {
  'before': false,
  'after': true
}]

// 正确
var foo = 1, bar = 2;
var arr = [1, 2];
var obj = {"foo": "bar", "baz": "qur"};
foo(a, b);
new Foo(a, b);
function foo(a, b){}

// 错误
var foo = 1 ,bar = 2;
var arr = [1 , 2];
var obj = {"foo": "bar" ,"baz": "qur"};
foo(a ,b);
new Foo(a ,b);
function foo(a ,b){}

// 正确
var foo = 1, bar = 2;

var foo = 1,
  bar = 2;

var foo = ["apples",
  "oranges"];

function bar() {
  return {
    "a": 1,
    "b:": 2
  };
}

// 错误
var foo = 1
,
bar = 2;

var foo = 1
  , bar = 2;

var foo = ["apples"
  , "oranges"];

function bar() {
  return {
    "a": 1
    ,"b:": 2
  };
}

var pattern1 = /\x1f/; //16进制1f就是10进制的31
var pattern2 = new RegExp("\x1f");

// 正确
/^abc/.test("abcdefg"); // true
"abcdefg".match(/^abc/); // ["abc"]

/^abc[a-z]/.test("abcdefg"); // true
"abcdefg".match(/^abc[a-z]/); // ["abcd"]

// 错误
/^abc[]/.test("abcdefg"); // false
"abcdefg".match(/^abc[]/); // null

// 正确
RegExp('.');
new RegExp;
this.RegExp('[');

// 错误
RegExp('[');
RegExp('.', 'z');
new RegExp('\\');

//正确
var re = /foo {3}bar/;
var re = new RegExp("foo {3}bar");

//错误
var re = /foo   bar/;
var re = new RegExp("foo   bar");

// 正确
class A {
  constructor() { }
}

class A extends B {
  constructor() {
    super();
  }
}

// 错误
class A {
  constructor() {
    super();  // 语法错误，因为没有继承
  }
}

class A extends B {
    constructor() { }  // 需要超类
}

// 正确
var friend = new Person();
var friend = Person(); //并没有要求必须new
// 错误
var friend = new person();// 类需要首字母大写

// 正确
var person = new Person();
var person = new (Person)();
var person = new Person("Name");

// 错误
var person = new Person;
var person = new (Person);

// 错误
class A { }
A = 0;

A = 0;
class A { }

class A {
  b() {
    A = 0;
  }
}

let A = class A {
  b() {
    A = 0;
  }
}

// 错误
class Foo {
  bar() { }
  bar() { }
}

class Foo {
  bar() { }
  get bar() { }
}

class Foo {
  static bar() { }
  static bar() { }
}

// 正确

// 错误
var foo = {
  bar: "baz",
  bar: "qux"
};

var foo = {
  "bar": "baz",
  bar: "qux"
};

var foo = {
  0x1: "baz",
  1: "qux"
};

// 正确
if (foo) foo++; else doSomething();

if (foo) foo++;
else if (bar) baz()
else doSomething();

do something();
while (foo);

while (foo
  && bar) baz();

if (foo) {
  foo++;
}

if (foo) { foo++; }

while (true) {
  doSomething();
  doSomethingElse();
}

// 错误
if (foo)
  doSomething();
else
  doSomethingElse();

if (foo) foo(
  bar,
  baz);

// 正确
var foo = object
.property;
var bar = object.property;

//错误
var foo = object.
property;

// 正确
a === b
foo === true
bananas !== 1
value === undefined
typeof foo === 'undefined'
'hello' !== 'world'
0 === 0
true === true
foo === null

// 错误
a == b
foo == true
bananas != 1
value == undefined
typeof foo == 'undefined'
'hello' != 'world'
0 == 0
true == true
foo == null

code == 200 // 常用的判断request的code，但是有时候给的是数字有时候给的字符串
code === 200 || code === "200" // 我们加上一个字符串的判断就可以了
parseInt( code ) === 200 // 或者专门吧code转化成数字，但是注意一下，字符串不能做16进制的转换，碰上非数字，后面的内容就会丢失

// 正确
function loadData (err, data) {
  if (err) {
    console.log(err.stack);
  }
  doSomething();
}

function generateError (err) {
  if (err) {}
}

// 错误
function loadData (err, data) {
  doSomething(); // 没做错误处理
}

//正确
function add(x, y) {
  return x + y;
}

//错误
function add(x, y) {
 /*tab*/return x + y;
}

//正确
var colors = [ "red", "blue", ]; // 结尾有个逗号不是语法错误

//错误
var items = [,];
var colors = [ "red",, "blue" ];

// 正确
function foo(n) {
  if (n <= 0) {
    return;
  }
  foo(n - 1);
}
[1,2,3,4,5].map(function factorial(n) {
  return !(n > 1) ? 1 : factorial(n - 1) * n;
});

// 错误
function foo(n) {
  if (n <= 0) {
    return;
  }
  arguments.callee(n - 1);
}
[1,2,3,4,5].map(function(n) {
  return !(n > 1) ? 1 : arguments.callee(n - 1) * n;
});

// 正确
var x;
if (x === 0) {
    var b = 1;
}
function setHeight(someNode) {
  "use strict";
  do {
    someNode.height = "100px";
  } while ((someNode = someNode.parentNode) !== null);
}


// 错误
var x;
if (x = 0) {
    var b = 1;
}

function setHeight(someNode) {
  "use strict";
  do {
    someNode.height = "100px";
  } while (someNode = someNode.parentNode);
}

// 错误
const a = 0;
a = 1;

// 正确
let obj = { a:1 };
delete obj.a; //这时候obj是{}，没有了a属性

// 错误
var x;
delete x;

// 正确
function foo(a, b, c) {
  console.log(a, b, c);
}
var bar = function (a, b, c) {
  console.log(a, b, c);
};

// 错误
function foo(a, b, a) {
  console.log("value of the second a:", a);
}
var bar = function (a, b, a) {
  console.log("value of the second a:", a);
};

// 正确
switch (a) {
  case one:
    break;
  case 2:
    break;
  case 3:
    break;
  default:
    break;
}

// 错误
var a = 1,
  one = 1;

switch (a) {
  case 1:         // 重复
    break;
  case 2:
    break;
  case 1:         // 重复
    break;
  default:
    break;
}

switch (a) {
  case one:         // 重复
    break;
  case 2:
    break;
  case one:         // 重复
    break;
  default:
    break;
}

switch (a) {
  case "1":         // 重复
    break;
  case "2":
    break;
  case "1":         // 重复
    break;
  default:
    break;
}

// 正确
var {a = {}} = foo; // 创建变量a
var {a = []} = foo;
function foo({a = {}}) {}
function foo({a = []}) {}

// 错误
var {} = foo;
var [] = foo;
var {a: {}} = foo;  // 不会创建任何变量
var {a: []} = foo;
function foo({}) {}
function foo([]) {}
function foo({a: {}}) {}
function foo({a: []}) {}

// 正确
var obj = { x: "foo" },
  key = "x",
  value = obj[key];

// 错误
var obj = { x: "foo" },
  key = "x",
  value = eval("obj." + key);

(0, eval)("var a = 0");

var foo = eval;
foo("var a = 0");

this.eval("var a = 0");

// 正确
try {
  // code
} catch (e) {
  var foo = 10;
}

// 错误
try {
  // code
} catch (e) {
  e = 10;
}

// 错误
Object.prototype.a = "a";
Object.defineProperty(Array.prototype, "times", { value: 999 });

Object.prototype.extra = 55;

var users = {
  "123": "Stan",
  "456": "David"
};

// 您并没有做别的
for (var id in users) {
    console.log(id); // console的为："123", "456", "extra"，因为你在原生Object里增加了一个extra
}

// 正确
var x = function () {
  this.foo();
}.bind(bar);

var x = function (a) {
  return a + 1;
}.bind(foo, bar);

// 错误
var x = function () {
  foo();
}.bind(bar);

var x = (() => {
  foo();
}).bind(bar);

var x = (() => {
  this.foo();
}).bind(bar);

var x = function () {
  (function () {
    this.foo();
  }());
}.bind(bar);

var x = function () {
  function foo() {
    this.bar();
  }
}.bind(baz);

// 正确
var foo = !!bar;
var foo = Boolean(bar);

function foo() {
  return !!bar;
}

var foo = bar ? !!baz : !!bat;

// 错误
var foo = !!!bar;

var foo = !!bar ? baz : bat;

var foo = Boolean(!!bar);

var foo = new Boolean(!!bar);

if (!!foo) {
  // ...
}

if (Boolean(foo)) {
  // ...
}

while (!!foo) {
  // ...
}

do {
  // ...
} while (Boolean(foo));

for (; !!foo; ) {
  // ...
}

// 正确
(0).toString();
(Object.prototype.toString.call());
({}.toString.call());
(function(){} ? a() : b());
(/^a$/).test(x);
a = (b * c);
(a * b) + c;
typeof (a);

// 错误
((function foo() {}))();
var y = (function () {return 1;});

// 正确
switch(foo) {
  case 1:
    doSomething();
    break;
  case 2:
    doSomething();
}

function bar(foo) {
  switch(foo) {
    case 1:
      doSomething();
      return;
    case 2:
      doSomething();
  }
}

switch(foo) {
  case 1:
    doSomething();
    throw new Error("Boo!");
  case 2:
    doSomething();
}

switch(foo) {
  case 1:
  case 2:
    doSomething();
}

switch(foo) {
  case 1:
    doSomething();
    // 其他抛出

  case 2:
    doSomething();
}

// 错误
switch(foo) {
  case 1:
    doSomething();
  case 2:
    doSomething();
}

// 正确
var num = 0.5;
var num = 2.0;
var num = -0.7;

// 错误
var num = .5;
var num = 2.;
var num = -.7;

// 正确
var foo = function () {}
foo = bar;

function foo(foo) { // `foo` is shadowed.
  foo = bar;
}

function foo() {
  var foo = bar;  // `foo` is shadowed.
}

// 错误
function foo() {}
foo = bar;

function foo() {
  foo = bar;
}
foo = bar;
function foo() {}

// 正确
setTimeout(function() {
  alert("Hi!");
}, 100);

setInterval(function() {
  alert("Hi!");
}, 100);

// 错误
setTimeout("alert('Hi!');", 100);
setInterval("alert('Hi!');", 100);
execScript("alert('Hi!')");
window.setTimeout("count = 5", 10);
window.setInterval("foo = bar", 10);